Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 26.12.2012 13:19

dstarkoff
Новичок
Зарегистрирован: 26.12.2012
Сообщений: 3

Проблема с плавающими блоками

Здравствуйте уважаемые коллеги, столкнулся с проблемой, которую излагаю ниже:

У меня есть n количество блоков со свойством float:left; и одинаковой ширины, все сделано так, чтобы в ряд умещалось по 3 блока, но в каждом блоке по вертикали может быть сколько угодно информации и проблема заключается в том, что если у первого или второго блока информации будет очень много, то следующие блоки, при маленьком количестве информации выстраиваются вдоль "высокого" блока... Как мне сделать так, чтобы блоки выстраивались всегда по 3 в ряд?

Заранее Спасибо!

Нет на форуме

 

#2 26.12.2012 16:17

Octane
Опытный
Откуда: Волгоград
Зарегистрирован: 05.03.2012
Сообщений: 220
Вебсайт

Re: Проблема с плавающими блоками

Код:

Код:


javascript framework

Нет на форуме

 

#3 27.12.2012 15:10

dstarkoff
Новичок
Зарегистрирован: 26.12.2012
Сообщений: 3

Re: Проблема с плавающими блоками

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

Нет на форуме

 

#4 27.12.2012 18:35

Octane
Опытный
Откуда: Волгоград
Зарегистрирован: 05.03.2012
Сообщений: 220
Вебсайт

Re: Проблема с плавающими блоками

Ну например можно попробовать задать clear:left; для каждого 4-го блока, но опять же, чтобы кросс-браузерно, без применения :nth-child(…), это сделать, нужно в шаблонизаторе каждому 4-му класс присвоить. Попробуйте разобраться с ним, сомневаюсь, что  такая возможность отсутствует.


javascript framework

Нет на форуме

 

#5 29.12.2012 15:16

dstarkoff
Новичок
Зарегистрирован: 26.12.2012
Сообщений: 3

Re: Проблема с плавающими блоками

делать не я буду. У нас своя  цмс, где с шаблонами проблем вообще нет) Просто на работе, в данном проекте, использовать собираются именно друпал а чтобы это реализовать нужно времч, которого нет... вот и я думал что можно как то оказывается нет.

без применения :nth-child(…), это сделать

Это же не буде тработать в IE6 и младше...

Нет на форуме

 

#6 29.12.2012 16:12

Octane
Опытный
Откуда: Волгоград
Зарегистрирован: 05.03.2012
Сообщений: 220
Вебсайт

Re: Проблема с плавающими блоками

dstarkoff написал:

без применения :nth-child(…), это сделать

Это же не буде тработать в IE6 и младше...

А я что написал? Чтобы работало в IE и придется классы добавлять, а не использовать  :nth-child(…).
Хотя, оценив аудиторию пользователей, можно в некоторых случаях и через JavaScript такой вопрос решить в IE.

Отредактированно Octane (29.12.2012 16:15)


javascript framework

Нет на форуме

 

Board footer