Проблема с <div>

Asar

Новичок
Проблема с <div>

Нужно сделать несколько строк по нескольку <div> в одну линию в каждой. Т. е. ожидаемый вид:

div1Content div2Content div3Content div4Content

div5Content div6Content

div7Content div8Content div9Content div10Content div11Content

Пользую float: left, чтобы дивы шли в одну строку. Но для ИЕ нужно проставлять это свойства у обоих "сшиваемых" дивов (чтобы не было пробела между ними).
Поэтому приходится это свойство ставить и для div4, после чего div5 переносится наверх.
Сделал после div4Content <br style="clear: all"> - помгло, но то же самое после div6Content - не работает. Во всяком случае, в ФайрФоксе.

А работает оно только, если div5Content div6Content и div7Content div8Content div9Content div10Content div11Content заключать каждый в свой общий див.

Вопрос - почему первые дивы заключать в общий не нужно, а остальные - приходится. И можно ли это как то изменить, возможно, я где то неграмотным путем пошел...
 

Profic

just Profic (PHP5 BetaTeam)
а зачем <br>-у задавать clear:both
задавайте следующему диву (т.е. 5 и 7)
 

Asar

Новичок
Всего строк дивов - 4 штуки.

Поставил, как Вы подсказали...

Нормально работает если:

первая строка без общего дива
вторая строка с общим дивом (для него проставлен clear)
первая строка без общего дива
вторая строка с общим дивом (для него проставлен clear)

Если же ставить clear просто для первого дива второй и четвертой строки - в ИЕ макет расползается.

Я так понимаю, что такого быть не должно?
 

Profic

just Profic (PHP5 BetaTeam)
по идее не должно быть, но IE - это IE.
думаю самым оптимальным будет просто все строки запихать в свои отдельные дивы
имхо самый оптимальный вариант
 
Сверху