DIV's друг за другом в две колонки?

Question

[G0rDi]

Позиционирование блоков без лишних пробелов.

Пример


Каким образом сделать, что бы div's шли друг за другом используя максимально полезно свободное пространство? Всю голову уже сломал. Спасибо.

Comments

[Neutron]

А сколько блоков необходимо разместить горизонтально?
Или каждый раз по разному?

Answer 1

[Cheese]

Либо создайте два класса:
.ltext {
display: block;
float: left;
width: 550px;
border: 1px solid #000;
}
.rtext {
display: block;
float: right;
width: 550px;
border: 1px solid #000;
}
Дивы, которые должны стоять в правой колонке, пишутся со стилем rtext, ну и наоборот.

Comments

[047]

Да, display и float здесь ключевые. Не успел отписать, так хотя бы уточню :)

[Дмитрий Серженко]

На случай ядерной войны

Answer 2

[Dzuba]

Сделайте таблицу с двумя ячейками. В левую складывайте все div'ы из левого столбца, в правую — из правого.

Comments

[G0rDi]

Скрипт который генерирует верстку не хочется усложнять. В принципе да можно брать четный нечетный элемент и пихать их в разные столбцы. Просто надеялся на существование стиля float:left-top ))) или чего ни будь в током роде.

Answer 3

[lashtal]

Jquery Masonry.

Comments

[G0rDi]

Спасибо! То что доктор прописал )

Answer 4

[girichev]

хм, каждому по width:50%?