Jump to content

inoxxx

Newbie
  • Posts

    4
  • Joined

  • Last visited

inoxxx's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Блоки должны заполнять последовательно столбцы слева направо. Общее количество их неизвестно. Вывод на PHP через div сделать гораздо проще, а тем более если бы удалось избавиться от контейнеров столбцов. У меня это единственная работающая кроссбраузерная комбинация, при которой не полностью заполненные ячейки не деформируются. Если предложите работающий сокращённый вариант - буду благодарен.
  2. Собственно, 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> чёрные гифы в ячейках просто для примера, контент может быть любой. Также можно задать отступы.
  3. В принципе решил проблему, но с участием дополнительного контейнера, а хотелось бы без .dd { display: inline; width: 100px; position: relative; float: left; } .bb { width: 100px; height: 100px; display: block; } dd — подконтейнер bb — "кирпичики" всё это в общем контейнере с нужной высотой (по количеству рядов).
  4. Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy