MattsBits
MattsBits

MattsBits

Get The Min-Height Property To Work In Internet Explorer  

by Matt Hawkins, 26/04/2009
Categories : HTML & CSS

The CSS standard allows you to specify a minimum height of an element. This works fine in proper browsers such as Firefox.

In Internet Explorer 6 it doesn't work properly.

Some people suggest doing this :

#container {
    min-height:100px;
    height: 100px;
}

html > body #container {
    height: auto;
}


or this :

#container {
min-height: 100px; 
height:auto;
}
/* for Internet Explorer */
/**/
* html .container {
height: 100px;
}
/**/


but the simplest solution is this :

#container {
  min-height: 100px; 
  _height: 100px;
}

Author : Matt Hawkins  Last Edit By : Matt Hawkins
PHP Powered  MySQL Powered  Valid XHTML 1.0  Valid CSS  Firefox - Take Back The Web  EUKHost - Recommended Webhosting Solutions

MattHawkins CMS v3.0 - Copyright 2009-2017