[CSS] min-height van een DIV

[Burat]

Voor een project wil ik graag de div waar de contents instaat een minimale hoogte van 500px geven. Op basis van de CSS 2 standaard, zou een "min-height: 500px" moeten volstaan.

Echter, Internet Explorer negeert min-height voor alle elementen anders dan td, th en tr. Dus die vlieger gaat niet op. Als ik een "height: 500px" meegeef, dan doet Internet Explorer het wel, maar de andere browsers gaan overflowen bij teveel contents (zoals het eigenlijk moet).

Helaas moet deze site cross browser zijn. En ik wil absoluut geen tables gebruiken voor de layout van de pagina. Hoe krijg ik dat divje op een minimale hoogte van 500px?

[Verwijderd]

Gebruik deze: dan kun je gewoon min-height in msie gebruiken

http://www.doxdesk.com/software/js/minmax.html

[coubertin119]

Doe een height: 500px en dan een overflow: hidden lijkt me. http://www.w3schools.com/css/pr_pos_overflow.asp kan je wel wat meer info verschaffen. Of vergis ik me?

[ Voor 6% gewijzigd door coubertin119 op 05-04-2003 15:04 ]

[Willem]

CSS2 is nog niet volledig ondersteund wat wel jammer is..
Je kunt het inderdaad oplossen met JavaScript zoals FoOL aangeeft met een linkje.

[Verwijderd]

coubertin119 schreef op 05 April 2003 @ 15:04:
Doe een height: 500px en dan een overflow: hidden lijkt me. http://www.w3schools.com/css/pr_pos_overflow.asp kan je wel wat meer info verschaffen. Of vergis ik me?

je vergist je

HTML:

<div style="height: 500px; overflow: hidden;">
  Als hier veel content instaat wordt die afgekapt op 500px height
</div>

<div style="min-height: 500px;">
  Deze wordt groter als de content niet meer binnen 500px past
</div>

dat is dus het verschil

[SillyJW]

code:

<div style="height: 500px; overflow: auto;">
Wordt niet groter dan 500px 
en als er toch meer content is komt er een scrollbalkje.
</div>

of vergis ik me ook?

offtopic:
Hoe krijg ik die html met regelnummertjes?

[Verwijderd]

SillyJW schreef op 05 april 2003 @ 17:06:

code:

<div style="height: 500px; overflow: auto;">
Wordt niet groter dan 500px 
en als er toch meer content is komt er een scrollbalkje.
</div>

of vergis ik me ook?

offtopic:
Hoe krijg ik die html met regelnummertjes?

offtopic:
[ code=html ]

Nee je vergist je niet, maar Burat wil gewoon dat de div groter wordt, en dat regel je met min-height