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>
Maarre......die staat niet in de bron.....?
misschien kun je de footer-definitie even posten?

Edit: Ik neem aan dat je de instructie in de html bedoeld? If IE.....
oke, sorry....ik was niet bewust van het bump-policy.....

Ik heb BTW het probleem anders opgelost;

<!--[if lt IE 7.0]>
<style>
#tekst_links {height: 300px;}
</style>

<![endif]-->

Aangezien alles onder IE7 de Height toch als min-height ziet.....
Maar in elk geval bedankt voor de moeite!
Thanks jan, dit had ik net nodig een steuntje in de goede richten.

Hartelijk dank.

Reageren