IE Min-Height in CSS

November 26, 2008 at 10:56 am | CSS | No comment

This is a quick and easy trick/fix for correcting the css min-height problem in IE6.  It is pure CSS and does not require any additional div’s.  Here’s the code:

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

That’s it! This trick should be compatible with: IE6, IE7, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2

This is not compatible with IE5.5, but with less than 0.01% of my visitors using it I am not overly concerned about implementing this fix on most sites.

You can view Dustin Diaz’s original article here.