Здравствуйте. Имеется вот такая конструкция:
<div class="общий контейнер">
<div class="картинка"></div>
<div class="контейнер">
<div class="фото"></div>
<div class="список"></div>
</div>
<div class="текст"></div>
</div>
Стили:
.картинка{display:block;float:left;width:100%;height:auto;position:absolute;top:0;left:0;}
.контейнер{display:block;float:left;width:100%;min-height:440px;height:1px;}
.фото{display:block;float:left;width:206px;height:auto;position:relative;border:3px solid #339966}
.список{display:block;float:right;width:394px;height:100%;position:relative;}
Наглядная схема:
Наглядная схема при увеличении кол-ва текста в списке:
Допустим список имеет min-height:350px или auto...
Как сделать так, чтобы при увеличении текста в списке - он не залезал на текст?
Т.е. див-контейнер автоматически принимал высоту див-список.
Заранее спасибо за помощь!
height
и добавитьoverflow-y: scroll
height:1px;
у контейнера нужно убрать