Вопрос верстальщикам - расположить div'ы мозаикой

СтаниславZ
На сайте с 17.09.2008
Offline
135
5227

Всем привет!

С утра мучаюсь с проблемой расположения дивов.

Смысл в следующем - мне нужно вывести несколько дивов в две колонки. Количество блоков постоянно меняется. Сегодня их может быть 2,завтра три, послезавтра семь и т.д.

Сначала я попробовал задать float:left и width:500px дивам. Дивы стали выводиться примерно так как мне нужно, но появляется пустое пространство между первым и третьим дивом.

Собственно, вопрос - есть ли способ расположить 3-й див сразу под первым?

Изобразил проблему схематично для большей наглядности:

F
На сайте с 16.11.2012
Offline
56
#1

Я бы попробовал нечетные float:left, четные - float:right

СтаниславZ
На сайте с 17.09.2008
Offline
135
#2
fmex:
Я бы попробовал нечетные float:left, четные - float:right

fmex, спасибо большое, помогло. Реально выручили

Sveta Prokopeva
На сайте с 10.05.2006
Offline
99
#3

С помощью CSS эта проблема решается лишь частично. Для решения проблемы в целом рекомендуется использовать http://masonry.desandro.com/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий