[HTML/CSS] hoogte van een div minus een aantal pixels?

[Verwijderd]

Situatie:

Ik heb een pagina met 2 gedeeltes: een header en het tekst gedeelte. De header is 32 pixels hoog en moet altijd zichtbaar zijn over de volledige breedte. Dus als de pagina langer is mag daar de scrollbalk niet overheen komen.
Het tekstgedeelte staat onder de header en heeft de overige hoogte. Dit gedeelte moet dus gaan scrollen. Nu had ik die div 100% gegeven, maar dan pakt hij de 100% van de pagina. De hoogte moet dus 100% - 32 pixels zijn, maar hoe bereik ik dit?

Ik begrijp dat de div de hoogte neemt van zijn parent en hier heb ik ook heel wat mee gestoeid (DIV in DIV, HTML en BODY 100% geven etc) maar ik krijg het niet voor elkaar.

[André]

Zo dan:

code:

#onderstediv { 
  position: absolute;
  top: 32px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: expression(document.body.clientHeight - 32);        
}

Na 3 keer editten de goede oplossing

[ Voor 90% gewijzigd door André op 31-05-2005 13:29 ]

[Verwijderd]

toppie! het werkt. Ik wist niet dat de functie expression bestond in CSS. Kga me er ff in verdiepen! Heb je zo nog leuke sites bij de hand over deze functie?

[bonwon]

Kleine terzijde: een expression() als value voor een CSS-attribuut is specifiek voor MSIE.
Voor andere browsers kun je dit op andere wijze (i.c. volgens CSS) afvangen.
Een aardig artikel hierover is Frames without frames.