DIV, минимальная высота, растягивание

[bond84]

Добрый день.

Подскажите - есть ли способ задать для DIV-а минимальную высоту?

Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом.

Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS.

Заранее благодарен.

[yopopt]

css свойство min-height.

[bond84]

Спасибо.

В справочнике по CSS на данном сайте, к сожалению, нет этого свойства. Отсюда и возник вопрос.

Однако в IE работает некорректно.

В частности- если указан "background:url('image.gif') bottom no-repeat;" то выравнивание бэкграунда ид?т не по нижней границе обозначенной области, а по нижней границе занимаемого контента. Соответственно если нет контента, то нет и бэкграунда.

Если контент меньше чем min-height, то выравнивание абсолютно-некорректно.

Есть ли решение?

[nvgudz]

Для css

div.min_height{
min-height: 120px;/* FF, Opera, IE7 */
height:expression(this.scrollHeight < 120? "120px" : "auto" ); /* IE 5 - IE 6 */
background: url(img.jpg) no-repeat left bottom; /* или background: url(img.jpg) no-repeat center bottom;*/
width:225px;
}

для html

<div class="min_height">
text texttext tex t text te xt 
text texttext tex t text te xt 
text texttext tex t text te xt .....
</div>

[bond84]

Благодарю, именно то, что я искал :-)

[yopopt]

ИЕ6 некорректно воспринимает height, поэтому для него можно не писать expression, а просто указать height.

[Dimitry Wolotko]

В Лягушатник.