Comments on snippet: 'min-height for IE (and all other browsers)'

bambam said on 11/20/08

Thu, 20 Nov 2008 07:26:02 GMT

Only works for me (in IE7) if I put an !important on the 2nd section: /* for browsers that don't suck */ .container { min-height:8em; height:auto !important; } /* for Internet Explorer */ /*\*/ * html .container { height: 8em !important; } /**/

Pring4 said on 11/10/08

Mon, 10 Nov 2008 15:05:22 GMT

This is specifically for IE6. It does not fully support IE5.5 and below. And yes, IE7 does support min-height properly.

superdeluxesam said on 9/10/08

Wed, 10 Sep 2008 09:26:14 GMT

Is this specifically IE6 and lower? From my (admittedly brief) look through google it seems IE7 supports the property.

rasmus said on 4/4/08

Fri, 04 Apr 2008 09:19:02 GMT

If you don't mind the undercore hack you can do it even shorter:

selector { min-height: 500px; _height: 500px; }

This way you avoid using !important for compliant browsers which may or may not trip you up later down the line (through css or style set through js).

Winkyboy said on 1/14/08

Mon, 14 Jan 2008 15:29:59 GMT

You don't really need the "* html" part of the IE definition, I think. This same solution can be found on DustinDiaz's site (http://www.dustindiaz.com/min-height-fast-hack/) without it. Example:

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

jonhenshaw said on 7/23/06

Sun, 23 Jul 2006 00:00:00 GMT

I wanted to make it clear that the the 8em is arbitrary and can be whatever height you would like it to be.