Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Расположение div "пузырями"


Автор: slutsker 26.1.2012, 14:35
добрый день
хочу расположить дивы с фиксированной шириной, но произвольными высотами, чтобы они были вплотную друг с другом
сейчас так
прописал float:left;
user posted image

а хочется так
user posted image


Автор: $дмитрий 26.1.2012, 15:02
Картинок не видно

Автор: slutsker 26.1.2012, 15:10
так сейчас
http://s1.ipicture.ru/uploads/20120126/QSRW8f9U.png

так хочу
http://s1.ipicture.ru/uploads/20120126/ph2e1mrS.png

Автор: $дмитрий 26.1.2012, 15:50
Сервер с картинками не открывается, даже не пингуется

Автор: slutsker 26.1.2012, 16:26
странно, у меня всё открывается


короче есть дивы 1,2,3
див_1 высотой 10 писк
див_2 высотой 20 пикселей
див_3 высотой 10 пикселей

по ширине помещаются два дива

сейчас див_3 находится под див_1, но он не прижат к нему сверху, а отступает на 10 пикселей
я же хочу чтобы он начинался прямо под див_1 а не "ждал" пока закончится див_2

user posted image

Автор: ksnk 26.1.2012, 16:32
http://masonry.desandro.com/
?

Автор: slutsker 26.1.2012, 16:39
в яблочко)

а такого эффекта можно добиться без  JS?

Автор: ksnk 26.1.2012, 17:05
Цитата(slutsker @  26.1.2012,  16:39 Найти цитируемый пост)
а такого эффекта можно добиться без  JS?

Как это? Сгенерировать что-то такое сервером? 
http://habrahabr.ru/blogs/php/135421/

Автор: slutsker 27.1.2012, 23:24
а CSS не обойтись совсем?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)