skip to content
Website Builder

Min-Height for Internet Explorer

Hey there where ya goin', not exactly knowin'.

Barnaby The Bear's my name, never call me Jack or James, I will sing my way to fame, Barnaby the Bear's my name.

Mutley, you snickering, floppy eared hound. When courage is needed, you're never around. Those medals you wear on your moth-eaten chest should be there for bungling at which you are best. So, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon. Howwww! Nab him, jab him, tab him, grab him, stop that pigeon now.

Children of the sun, see your time has just begun, searching for your ways, through adventures every day.

CSS play Support


CSS play Recommend

SitegrinderPSD to HTMLFree, practical CSS menus, layouts, and examplesuk white label shopping carts for resellers



Information

All the four containers above have been given a minimum height of 8em.

Containers 1, 2 and 4 do not have sufficient text to fill the 8 em height and have spare capacity.

Container number 3 has more text and has expanded to fit this extra text.

This works in IE, Opera, Firefox, Netscape, Safari.

All browsers that support min-height are given a min-height of 8em with height:auto which will expand the container to fit the text.

Internet Explorer will ignore min-height and is just given a height of 8em. The IE bug automatically expands the container to fit the extra text.

Cascading Style Sheet

/* for understanding browsers */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 8em;
}
/**/



Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.



CSS play Recommend

CSS play Testimonial

"The citroen.co.uk web site uses
CSS play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth

CSS play Pages