Mar 12, 2010

////

Cross browser min-height

Internet Explorer 6 doesn't support css "min-height". Even though IE6 already had its funeral, I'm still going to put my fix here. There are still a lot people out there who are using dead.

"height" is supported by IE6 so we can just use height and for extra part we can use overflow: visible;
height: 100px;
overflow: visible;

In some cases where we need to have an overflow:hidden on the element, we can use the following snippet.
#container { min-height:100px; }
* html #container { height:100px; }
Only IE6 recognizes "* html" selector so that would fix it.

0 Reactions to this post

Add Comment