Min-Height for Internet Explorer

Pre 2006

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.

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.



Please Support CSS play

Please note that if your donation is for a demo/menu then you will need to email me with the url of the demo/menu after making the donation

For more CSS demonstrations I recommend that you visit the Dynamic Drive CSS Library.


Free, practical CSS menus, layouts, and examples

Follow CSS play


Facebook   Twitter   Facebook Fan Page