| |
|
|
| | Добрый день.
пытаюсь сделать таблицу из <div>, необходимо чтоб таблица растягивалась при увеличении контента вниз.
html:
<div class="blok">
<div class="blok1"><img src="http://маркетсити.рф/images/products/2025473.jpg"></div>
<div class="blok2">Текст</div>
<div class="blok3">Картинка</div>
</div>
<div class="blok4"></div>
|
css:
.blok{width:985px;height:100px;border:2px solid #555}
.blok1{float:left;width:200px}
.blok1 img{width:200px;height:auto}
.blok2{float:left;width:400px;height:auto}
.blok3{float:left;width:385px;height:200px}
.blok4{width:985px;height:100px;border:2px solid #555;margin-top:30px}
|
Пример: http://market.bypcms.ru/
blok не растягивается при добавлении картинки больше 100px, и наезжает на blok4. Даже если увеличиться текст описания картинки, blok не растягивается!
Где ошибка, или где что не дописано? | |
| |
|
|
| |
|
|
| |
для: clubxaliav
(17.02.2013 в 13:11)
| | | Помогите с проблемой, пожалуйста. | |
| |
|
|
| |
|
|
| |
для: clubxaliav
(20.02.2013 в 17:47)
| | |
.blok {
border: 2px solid #555555;
display: inline-block;
min-height: 100px;
width: 985px;
}
|
| |
| |
|
|
