100% højde i FireFox - Hvorfor ikke?
Jeg har ledt eksperten tynd, efter en løsning på at en div 100% høj i FireFox. Jeg ønsker at validere efter XHTML1.0 strict, og har fundet frem til følgende kode, som burde gøre tricket:html,body
{
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(http://web33531.ta13.talkactive.net/tm/gfx/bg.gif);
margin: 0 auto;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
font-size: 11px;
color: #111111;
}
#maindiv
{
width: 950px;
min-height: 100%; /* 100% højde i FireFox */
margin: 0 auto;
background: #F8F8F8;
border-left: solid 3px #0A344E;
border-right: solid 3px #0A344E;
}
* html #maindiv /* Læses kun af IE */
{
height: 100%;
}
Det fungerer bare ikke... Dvs. div'en er godt nok 100% høj i IE, men bare ikke i FireFox. Nogen forslag?