Mobile Friendly Website


Doing it with style

BOXESMin-Height for IE6

Date : Pre 2006

For IE6

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.


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 {
border:1px solid #000;
/* for Internet Explorer */
* html .container {
height: 8em;

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.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page