Выравнивание <DIV> друг за другом

Статус
Закрыто для дальнейших ответов.

Romani

Well-Known Member
Регистрация
08.01.2010
Сообщения
462
Вот элементарный вопрос, а уже долго ломаю голову... Ну или не ломаю, но просто хз как грамотно сделать и как то выкручиваюсь. Какое свойство CSS кроссбраузерно позволяет реализовать вывод блоков один за другим без переноса, что бы при этом не сбрасывались другие. делал display:inline но тут почему то сбрасывались ширина, display:inline-block; нормально, но в IE6 перенос. В общем хелп плиз =))
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
HTML:
<div style="float:left"></div>
<div style="float:left"></div>
...
<div style="clear:both"></div>
Удачи!
ЗЫ. http://tigra60.kiev.ua/client/index.php?id=1
 

Romani

Well-Known Member
Регистрация
08.01.2010
Сообщения
462
А без флоата никак? или последний див полностью удаляет предыдущие выравнивания и это единственный вариант?

З.Ы. Флоатом делал, но почему то казалось это не правильный вариант ....
 

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
clear:both - говорит, что блок нельзя обтекать ни с какой стороны. Иначе последующие элементы будут обтекать последний див.

Вообще правильно
Код:
.clear{ content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clear { zoom:1; }
Код:
<div style="float:left"></div>
<div style="float:left"></div>
<div style="float:left"></div>
<div class="clear"></div>
 

Romani

Well-Known Member
Регистрация
08.01.2010
Сообщения
462
Большое спасибо внесли ясность, ато сидел и думал, как же правильно)))
 
Статус
Закрыто для дальнейших ответов.
Верх Низ