Плавающие блоки. Равная ширина. Разная высота. Расположить без дырок

Question

[puffofsmoke]

Есть ли способ расположить плавающие блоки равной ширины и разной высоты так, чтобы по вертикали между ними не образовывалось «дырок»? То есть все отступы между блоками должны равны по высоте и ширине.

Визуально — как в рекламных газетах.

Объявлений много и разных, но отступы равные (Так нужно), а не
куча белых пятен разного размера между объявлениями, но каждый новый ряд образует горизонталь верхней границей (такие способы знаю).

Answer 1

[not_ice]

Возможно вам подойдет это:
desandro.com/resources/jquery-masonry/

Answer 2

[TEHEK]

В ФФ/Сафари/Хроме будет работать вот это:
jsfiddle.net/uyaA5/

ИЕ/Опера не поддерживают.

Думаю, лучше будет использовать Javascript для размещения блоков по колонкам.

Answer 3

[LIAL]

Посмотри тут softwaremaniacs.org/blog/category/primer/
Примеры как раз из такой области и все подробно расписано — может что-то подберешь

Answer 4

[John Doe]

Потому ты и не верстальщик )))) (не в обиду)

Answer 5

[FeNUMe]

я конечно не верстальщик… но что мешает обернуть каждое объявление в блок(,,), задать блоку нужную ширину и требуемые marginы?

Comments

[FeNUMe]

парсер мудак съел теги — p, div, span

[puffofsmoke]

Для теста хватит только дивов равной ширины и разной высоты. Думаю даже не верстальщику хватит 3 минуты, чтобы проверить свою идею.

Скажем если мы задаем только отступы и ширину, то блоки вообще только друг под другом будут, а «плавающие блоки» это когда блоки располагаются в ряд, занимая доступную ширину, а только по заполнении ряда начинается следующий ряд.