Probleempje met fullsize div

[Verwijderd]

Ik heb het volgende probleem: Ik heb een pagina met 2 divs boven elkaar:

code:

<div class="div1"></div>
<div class="div2"></div>

Nu heeft de bovenste div (div1) vaste afmetingen. De onderste div moet derest van de pagina opvullen.

Ik krijg dit niet voor elkaar. De oplossing die ik had is (css):

code:

.div1 {
height: 100px;
}

.div2 {
position: absolute;
top: 100px;
bottom: 0px;
}

Echter, dit werkt weer niet in IE. Op google kwam ik niets tegen om dit probleem te verhelpen. Iemand suggesties?

[moozzuzz]

JavaScript:

.div1 {
position: absolute;
height: 100px;
}

.div2 {
padding-top: 100px;
top: 0;
}

En evt. een containerke. Uitleg:

- div1 haal je uit de normale document-flow en plaats je in een nieuwe layer bovenop je view.
- div2-inhoud moet een kantlijn gebruiken die we krijgen dankzij padding (zie w3c+boxmodel).

Hoe je de rest vd pagina vult weet ik niet, maar es zoeken op Got kan ook helpen ;^)

[Rowanov]

Er is zat over te vinden op dit forum, aangezien de vraag 2 keer per week voorbij komt

[search=100% height]

offtopic:
Zet je code een tussen [code][/code] blokken, dat maakt het leesbaarder.

[ Voor 30% gewijzigd door Rowanov op 18-08-2006 12:57 ]

[Verwijderd]

moozzuzz schreef op vrijdag 18 augustus 2006 @ 12:49:

JavaScript:

.div1 {
position: absolute;
height: 100px;
}

.div2 {
padding-top: 100px;
top: 0;
}

En evt. een containerke. Uitleg:

- div1 haal je uit de normale document-flow en plaats je in een nieuwe layer bovenop je view.
- div2-inhoud moet een kantlijn gebruiken die we krijgen dankzij padding (zie w3c+boxmodel).

Hoe je de rest vd pagina vult weet ik niet, maar es zoeken op Got kan ook helpen ;^)

Lost helaas het probleem niet op. De 2e div bevat namelijk een iframe. Dit is de website: http://www.refo.eu/index....ion=google&zoektekst=snel