Min height cross browser CSS

In CSS version 2 there is a “min-height” property, but it doesn’t work in the same way in every browser, or better, it’s not supported by every browser.

Looking around in the web I’ve found different CSS tricks to make min-height properties cross browser.
Here they are, I usually use the third one, but I do not know if it is the best one:

FIRST METHOD

/* for browsers that don't suck */
#container { min-height:200px; height:auto !important; }

/* for Internet Explorer */
/*\*/
* html #container { height: 200px; }
/**/

SECOND METHOD

#container  { min-height:200px; }
* html #container { height:200px; }

THIRD METHOD

#container {
   height:auto !important;
   height:200px;
   min-height:200px;
}

Anything to say?

Comments with Facebook or below with WordPress



Sorry, WordPress comments are closed on old posts.