Hoe programmeer je een minimale hoogte DIV voor IE met CSS

Inleiding

Internet Explorer 6.0 heeft een nare eigenschap dat het bepaalde CSS functies negeert en HTML anders kan renderen dan Firefox en Opera browsers (die zich oorspronkelijk wel hielden aan de markup van W3C)

Een probleem kan zijn: minimale hoogte! Wanneer je een pagina hebt met te weinig content, kan het wenselijk zijn een minimale hoogte in te stellen. Anders kan de bottom de pagina overschrijven.

Stappen

Truc1:

Gebruik Microsoft dynamic expressions:

#container
{
	min-width: 600px;
	max-width: 1200px;
	width:expression(document.body.clientWidth < 600? "600px"&nbsp;: document.body.clientWidth > 1200? "1200px"&nbsp;: "auto");
}

Truc2:

Een truc is plaatsing van een onzichtbare DIV met float:left nl:

<div style="height:100px;width:1px;float:left;"> </div>

Tips

voor firefox:

height:auto;min-height:300px