Ik zal vast wel de zoveelste zijn met deze vraag, maar ik heb gezocht en niet gevonden. (Nu sta ik ook niet echt bekend als zoekwonder..)
Hoe krijg ik een minimale hoogte van een div(in dit geval de tekstboxen) in IE? Ik heb al van alles geprobeerd met zowel de content-box als de tekst-boxen zoals height: 100% en height: auto; en een vaste hoogte wil ik eigenlijk niet vanwege de variabele inhoud.
Als ik de body een hoogte van 100% geef werkt dit wel, echter dan vult IE de ruimte tussen de tekstboxen en de footer op met de bodykleur en dat is niet mooi tov de footerkleur.....
#content{
background-color: transparent;
z-index: 1;
width: 1024px;
}
#tekst_links{
margin-top: 0px;
padding: 30px 15px 30px 20px;
float:left;
text-align:left;
background-color: transparent;
width: 475px;
min-height: 360px;
z-index: 2;
}
#tekst_rechts{
margin-top: 0px;
padding: 30px 15px 30px 20px;
float:right;
text-align:left;
background-color: transparent;
width: 475px;
min-height: 360px;
z-index: 2;
}
HTML:
<div id="content">
<div id="tekst_links">
<span class="style1">Welkom. Blablabla</span>
</div>
<div id="tekst_rechts">
<span class="style1>Nog meer blabla</span>
</div>
</div>
1.795 views