<div id="products">
<div class="tovar">1</div>
<div class="tovar">2</div>
<div class="tovar">3</div>
<div class="tovar">4</div>
<div class="tovar">5</div>
<div class="tovar">6</div>
<div class="tovar">7</div>
<div class="tovar">8</div>
<div class="tovar">9</div>
<div class="clear"></div>
</div>
#products{
width:416px;
}
.tovar{
width:100px;
min-height:100px;
max-height:200px;
background-color:#EEE;
float:left;
margin:2px;
}
.clear{
clear:both;
}
Вся проблема в том, что высота товаров изменчива. Где-то 100, а где-то и до 200 доходит. В сам код html добавлять ничего нельзя. Отсюда всё ломается. Мне нужно чтобы ровно 4 товара были в ряд, потом перевод на новую строку и далее.
FLEX я не уверен, что лучше решение, из-за поддержки браузерами.
_____________
..Работает - не трогай!