LINUX.ORG.RU

Как переносить тег DIV


0

0
Ув. специ подскажите - уже нет сил биться. Есть страничка сверстанная с помощью <div>. Ширина фиксированная - по 3 в каждой строке, а высота меняется динамически. <div>1</div> <div>2</div> <div>3</div> Когда высота у всех одинаковая - новая колонка появляется слева под 1-м, а когда высота третьего меньше 2-го и 1-го, то 4-й позиционируется под 3-м.
А можно весь код как есть показать, а не вольный пересказ оного?
eugine_kosenko ★★★
()
Скорее всего ты используешь float. Такое поведение браузеров вполне ожидаемо. Что бы понять смысл плавающего блока, вспомни, как ведут себя иллюстрации в хороших книгах и журналах.

Что ты хочешь? Если разместить их построчно, то есть два варианта.

1. Костыльный. Разместить каждую строчку в своём диве, и прописать clear.
2. Не работающий в очень старых браузерах. Отказаться от float и использовать display:inline-block.
anonymfus ★★★★
()
Ответ на: комментарий от anonymfus
еще пошаманить на предмет overflow:hidden
anonymous
()
<div><div>1</div> <div>2</div> <div>3</div></div>
<div><div>4</div> <div>5</div> <div>6</div></div>

А так не сработает?
Anoxemian ★★★★★
()
Ответ на: комментарий от Orlangoor
да все понятно написал, и работает правильно - костыли "дивной" верстки, но че надо действительно не понятно.
ELF ★★
()
Ответ на: комментарий от anonymfus
>Не работающий в очень старых браузерах. Отказаться от float и использовать display:inline-block.

К сожалению, в категорию «очень старых» при этом попадает IE6 :) А это пока ещё половина всех IE в России и около трети - всех браузеров вообще.

KRoN73 ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.