Проблемы с float

[kaminski]

Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом.

В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню.

Вот образец: http://kaminski.dyndns.tv/look.php

Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

Edited November 11, 2011 by kaminski

[Softlink]

Не совсем ясна задача, в том плане, что на что делить надо. А вот вместо <br> с clear лучше использовать обертку с overflow. У вас, кстати, я ни одной не увидел.

[kaminski]

Делить набор плавающих айтемов справа. По группам. Ну типа так:

Группа 1:
<div class="item">item 1</div>
<div class="item">item 2</div>
<br />
Группа 2:
<div class="item">item 1</div>
<div class="item">item 1</div>
<div class="item">item 3</div>
<br />

И т.д.

Про overflow не понял.

[Softlink]

Вариант вашего деления. Почитать про overflow.

[kaminski]

Спасибо огромное! Буду курить доки дальше. Ибо всё равно до конца не понимаю, почему это помогло.

[Softlink]

Спасибо огромное! Буду курить доки дальше. Ибо всё равно до конца не понимаю, почему это помогло.

На здоровье. Вот, почитайте здесь о плавающих блоках, хорошо расписано.