IE Min-Height in CSS

CSS

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.

Bookmark and Share
No Comments

Leave a Reply

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">