проблема с плавающими div в CSS

Question

Я пытаюсь поместить 2 столбца на веб-сайт, у меня это работает нормально, но по какой-то причине остальная часть страницы не меняет размер в соответствии с содержанием в левом столбце. Вот как это выглядит: www.kelownafoodspecials.com/indexsides.php.

Довольно застрял, поэтому любые советы будут с благодарностью. Спасибо,

K

Answer 1

Вы должны добавить <div style="clear:both;"></div> сразу после вашего #contentright

Answer 2

Вы можете добавить <div class="clear"/>, стиль которого может понравиться:

.clear {
  clear:both;
  display:block;
  float:none;
}

Answer 3

Попробуйте это (при условии, что ни один из ваших материалов не будет переполнен)

#content {
    overflow: hidden;
}

Я только что попробовал его с помощью Firebug, и, похоже, ничего не было отрублено (и #content расширится, чтобы содержать его плавающий дочерний элемент).

Answer 4

Вы также должны указать свой # контент div. Для любых элементов значение float: left (или right) , если их содержащие элементы также не являются плавающими элементами, содержащие элементы не будут расширяться, чтобы соответствовать содержимому, и будут перекрывать содержащий его элемент, как вы видите есть.