Browser Independent min-height min-width
The min-height property sets the minimum height of an element.
But problem is min-height does not work with IE! But it does with other browsers. So your css with min-height would not be browser independent, unless you take care of it.
Workaround:
_height property does work on IE as min-height. So we will add both solutions on css.
/* for min-height */
.selectorH {
background-color:red; /* for test only */
min-height:500px; /* for browsers other then IE */
_height: auto !important; /* for IE */
height:500px; /* so that IE would have at least this height */
}
/* for min-width */
.selectorW {
background-color:red;
min-width:500px;
_width: auto !important;
width:500px;
}
Or this will work as well:
/* for min-height */
.selectorH {
background-color:red; /* for test only */
min-height:500px; /* for browsers other then IE */
_height:500px; /* so that IE would have at least this height */
}
/* for min-width */
.selectorW {
background-color:red;
min-width:500px;
_width:500px;
}










Leave your response!