Позиционирование блоков

Есть три блока div. У первого стоит float: left, у другого float: right а третий нужно расположить между ними снизу, как бы в вымышленной третьей колонке. Проблема в том что он выстраивается под вторым блоком так:

1     2
      3

А нужно так:

1     2
   3

Так вот, собственно сабж как быть. Не хотелось бы гавнокодить и выравнивать маргинами. Заранее спасибо за ответы.

2 ответа

Без маргинов - никак. =)

.b3{clear: both; margin-left: auto; margin-right: auto;}

clear:both сбросит его вниз, маргины отцентрируют. Вся беда в том, что блоки с флоатом не "пихают" блоки БЕЗ флоата.


Я так сильно не заморачиваюсь. Проще всего использовать тег table. С таблицами работать проще и всегда можно точно знать, что и где будет отображаться. Даже в различных браузерах.

licensed under cc by-sa 3.0 with attribution.