minimale hoogte in IE6?

Door Timen kut op 18-11-2008 21:25

248 views

Hela hola!

Ik wil mijn content een minimale hoogte van een aantal PX mee geven, nu ken ik de min-height, maar die werkt alleen in FF zover ik weet.
Als ik gewoon height gebruik, dan wil ie in FF wel meestrekken, in IE6 echter niet.

Enig idee hoe ik het fixen kan dat ie in IE6 ook mee rekt?

content:


#content{
	width:970px;
	font-family:helvetica, tahoma;
	font-size: 12px;
	color: #646464;
	text-align:left;
	height:298px;
	display:table;
}

Jan Koehoorn

18-11-2008 21:32

Een truc is deze: neem een div met een breedte van 1 pixel en een hoogte die gelijk is aan de min-height. Zet deze in de div die je een min-height wil geven. Float de 1pixel div naar left. Zet op de buitenste div dan een breedte in pixels of procenten en geef hem een overflow: hidden.

Timen kut

18-11-2008 21:34

Haha stiekem hoor :-p Zal er es naar kijken, bedankt!

Jan Koehoorn

18-11-2008 21:39

Het verdient geen stijlprijs, maar het zal wel werken ;-)

edit

Stu Nicholls gebruikt deze:

/* for understanding browsers */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em;
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 8em;
}
/**/

Reageren

Inloggen om te reageren