Проблемы с версткой каталога

[vladmih]

Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары.

Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами товара.

Так вот почему-то, когда я вкладываю в див группы товаров дав с самим товаром, первый не растягивается по высоте...

вот код HTML

<div id="right">

<h1> O магазине </h1>

<p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla.

Все материалы на этом сайте присутствуют исключительно в демострационных целях.</p>

<div id="recomend">

<div class="item">

<div class="goods_img">

<img src="img/sams_galaxi.png"/>

</div><!--goods_img-->

<div class="goods_info">

<a href="#">Samsung S5570 Galaxy Mini</a><br/>

<span>7300 руб.</span><br/>

<input type="submit" value="добавить товар в корзину"><br/>

</div><!--goods_info-->

</div><!--end item-->

</div><!--end recomend--></div><!--end right-->

[USF]

внутри него float элементы? очищайте поток. overflow: hidden для блока или :after {content: ''; display: table; width: 100%;clear: both;}

Edited November 2, 2012 by USF

[vladmih]

внутри него float элементы? очищайте поток. overflow: hidden для блока или :after {content: ''; display: table; width: 100%;clear: both;}

Посмотри плизз другой пост, тут создалась не правильно тема...

Нет полного кода...

И можно эту ветку удалять...

внутри него float элементы? очищайте поток. overflow: hidden для блока или :after {content: ''; display: table; width: 100%;clear: both;}

Ааааа блин, оверфдлов помог....

Блин я все равно не понимаю почему он там нужен был. Можешь объяснить... Ведт блок по высоте будет тянуться в зависимости от наполнения, если не ограничивать его высоту правилами...

[USF]

не совсем. если внутри все элементы имеют float left или right, то они "вне потока" и в расчете высоты блока не участвуют.