inoxxx

Блоки должны заполнять последовательно столбцы слева направо. Общее количество их неизвестно. Вывод на PHP через div сделать гораздо проще, а тем более если бы удалось избавиться от контейнеров столбцов. У меня это единственная работающая кроссбраузерная комбинация, при которой не полностью заполненные ячейки не деформируются. Если предложите работающий сокращённый вариант - буду благодарен.

Собственно, CSS я написал, вот сам блок начиная с контейнера <div style="height:300px; width: 100%"> <div class="dd"> <div class="bb"><img src="black.gif" width="100" height="100"></div> <div class="bb"><img src="black.gif" width="100" height="100"></div> <div class="bb"><img src="black.gif" width="100" height="100"></div> </div> <div class="dd"> <div class="bb"><img src="black.gif" width="100" height="100"></div> <div class="bb"><img src="black.gif" width="100" height="100"></div> <div class="bb"><img src="black.gif" width="100" height="100"></div> </div> </div> чёрные гифы в ячейках просто для примера, контент может быть любой. Также можно задать отступы.

В принципе решил проблему, но с участием дополнительного контейнера, а хотелось бы без .dd { display: inline; width: 100px; position: relative; float: left; } .bb { width: 100px; height: 100px; display: block; } dd — подконтейнер bb — "кирпичики" всё это в общем контейнере с нужной высотой (по количеству рядов).

Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.