Правильно ли я решаю вопрос упорядочивания?

[borus]

Здравствуйте!

На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля:

.product-field-type-R{
    float:left;
    display:inline-block;
    min-height: 196px;
}

Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?

[SelenIT]

float:left;

display:inline-block;

Зачем? Зачем указывать inline-block (который, кстати, после минимальной доработки напильником мог бы решить задачу) и тут же вырубать его float-ом?

[borus]

float:left;

display:inline-block;

Зачем? Зачем указывать inline-block (который, кстати, после минимальной доработки напильником мог бы решить задачу) и тут же вырубать его float-ом?

Простите, не врубаюсь. Что вырубает float при display:inline-block; ?

Под минимальной доработкой напильником вы имеете в виду надо потом сделать выравнивание элементов с inline-block по верхнему краю?

[SelenIT]

При указании float игнорируются многие значения display. Float и inline-block противоречат друг другу (inline-block помещает элементы в текстовый контекст, а float вообще вырывает их из потока, но оперирует ими, как блоками), при этом float приоритетнее. В итоге при наличии float итоговый display оказывается просто block.

Под минимальной доработкой напильником вы имеете в виду надо потом сделать выравнивание элементов с inline-block по верхнему краю?

Да, и еще «скукожить» пробелы между блоками, если они есть (напр., через font-size: 0 для контейнера).