html - div, minimal size

Question

Hello, how can i set minimal height for div? But it have to resize with new data.

Answer 1

div#foo {
min-height:10em;
}

in ie6.css or prepend with * html selector ( hack warning )

div#foo { height:10em; }

Since MSIE6 doesn't support min-height.

Answer 2

You want the CSS property min-height. You'll need to be careful of not great browser support (particularly older versions of IE, shockingly enough).

Answer 3

min-height works fine... except in IE.

The way to fix it and therefore use it everywhere is importing ie7.js

Answer 4

div#name
{
    height: 60px;
    height: auto !important;
    min-height: 60px;
}

This should work across browsers including IE