LINUX.ORG.RU
Форум — Web-development  

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


0

0

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

← UnCommon Web/Weblocks vs Rails/Django
[MySQL] Как составить запрос? →

А можно весь код как есть показать, а не вольный пересказ оного?

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 ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← UnCommon Web/Weblocks vs Rails/Django
Web-development
[MySQL] Как составить запрос? →