позиционирование дивов как на pinterest

[barsmaster]

Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.

[buddah]

Что-то типа такого или такого

[Softlink]

Можно ведь и колонками сверстать. И никаких скриптов и абсолютов.

[Switch74]

фишка скриптов в том, что они равномерно распихивают блоки по этим колонкам, если делать без скриптов, то может получиться:

|_| | | |
|_|_| | |
|_| |_| |
|x|_| |_|
|x| | | |
|x|_|_| |
|x|x| |_|
|x|x|_| |
|x|x|x| |
|x|x|x|_|

в каждой колонке по три блока, но в первую попали самые маленькие и из-за этого до конца документа там пустота

выглядит не очень красиво

Edited February 21, 2012 by Switch74

[barsmaster]

Switch74 прав, просто колонками нельзя. попробуйте резинить окно браузера. пинтерест может сложить все боксы в одну колонку или две или сколько угодно если хватает окна браузера.

buddah, спасибо, изучаю.