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

WebsiteDesign said on 1/13/10

Wed, 13 Jan 2010 00:43:41 GMT

IE creates problems for java scripts.It is better to use other browsers as Google Chrome,Mozilla to run these scripts without any hurdle.

smoothdzion said on 11/4/09

Wed, 04 Nov 2009 14:00:32 GMT

If you're going to use JavaScript, keep it out of the CSS.

bucabay said on 9/3/09

Thu, 03 Sep 2009 09:45:11 GMT

A better solution is to use the expression() CSS function in IE. Example: /** css2 compliant */ #page_wrap { max-width: 800px; min-width: 600px; } /* ie min-width, max-width emulation */ * html #page_wrap { width: 800px; /* in case JS is off, set a fallback width. default is auto */ width: expression(Math.max(Math.min((document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth) - 20, 800), 600)+'px'); } This example is a bit old, since IE7+ supports min/max dimensions, you should IE specific Comments. The expiation is at: [Min-Max witdh for IE][1] [1]: http://www.fijiwebdesign.com/fiji-web-design-blog/max-width-and-min-width-support-for-ie.html "Fiji Web Design"

ranjitsachin said on 8/7/09

Fri, 07 Aug 2009 03:55:52 GMT

hi rasmus, You can specify _height. But its only for IE6 . But if u r specified *height, it will apply for all versions

LeeRJohnson said on 7/25/09

Sat, 25 Jul 2009 17:58:40 GMT

Here's an idea...stop using IE6. it worked everywhere in 2003. i honestly cant fuckin believe people spend the time to figure out how to make IE6 work. i can't live that way. i want to write proper code...until developers stop supporting IE6...IE6 it will be.

swiftouch said on 7/18/09

Sat, 18 Jul 2009 01:41:43 GMT

Here's an idea...use tables. they work everywhere. i honestly cant frickin believe people spend the time to figure out the latest css hack. i can't live that way. i want to get things done...until browsers stop supporting tables...tables it will be.

webdevelopertut said on 6/29/09

Mon, 29 Jun 2009 02:41:16 GMT

http://htmlcsstutorials.blogspot.com/2009/06/how-to-have-div-min-height.html This tutorial will tell you how to give min-height, which will work in all the browsers including ie6

webdevelopertut said on 6/29/09

Mon, 29 Jun 2009 02:40:28 GMT

http://htmlcsstutorials.blogspot.com/2009/06/how-to-have-div-min-height.html This tutorial will tell you how to give min-height, which will work in all the browsers including ie6

joles04 said on 4/16/09

Thu, 16 Apr 2009 22:35:12 GMT

Joel Larios

jaspertandy said on 4/13/09

Mon, 13 Apr 2009 06:27:07 GMT

yeah, those could go in the same declaration, as IE6 doesn't support !important or min-height so no hacks are required to get it to ignore those attributes. IE7 (to the best of my experience) supports !important and min-height so you're safe to use it there.

mihael said on 1/26/09

Mon, 26 Jan 2009 09:03:14 GMT

this could also be shortend like this: #container { height:auto!important; mih-height:300px; height:300px: /*for IE6*/ }

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.