Верстка при выводе товаров

[AlexusTdV]

Вывел все featured-товары, первые 3 строки нормально, по 4 товара отображается, дальше 1 товар в строке, затем снова 4 и т.д.

Что это может быть?

http://venusinfleurs.ru/ пример

[korshunov]

Верстка слишком простая. Рассчитана на то, что элементы блоков имеют более-менее одинаковые размеры.
А если у товаров сильно разнятся размеры картинок или длина названия, то такие дефекты и проявляются.
Простейший способ - прописать блокам фиксированные одинаковые размеры.

[AlexusTdV]

Верстка слишком простая. Рассчитана на то, что элементы блоков имеют более-менее одинаковые размеры.
А если у товаров сильно разнятся размеры картинок или длина названия, то такие дефекты и проявляются.
Простейший способ - прописать блокам фиксированные одинаковые размеры.

Там и так стоит фиксированный размер 25%

Почему то при 33% (когда 3 элемента в ряд) всё нормально

А при 20% и 25% слетает.. Магия

[sergeevizh]

AlexusTdV,

Верстка слишком простая. Рассчитана на то, что элементы блоков имеют более-менее одинаковые размеры.
А если у товаров сильно разнятся размеры картинок или длина названия, то такие дефекты и проявляются.
Простейший способ - прописать блокам фиксированные одинаковые размеры.

Там и так стоит фиксированный размер 25%

Почему то при 33% (когда 3 элемента в ряд) всё нормально

А при 20% и 25% слетает.. Магия

Вы задали размер ряду, но не учли заголовок в 2 ряда и вывод цен столбца.
Тем самым ваша верстка едет. Задайте блоку div с классом product_block фиксированную высоту min-height: 400px;
И учтите, что заголовок у вас будет не больше 2х строк.

[AlexusTdV]

Спасибо, не учёл, что некоторые названия в 2 строки :)
Добавил просто white-space: nowrap; )