[xHTML] 2 verschillende div's op 100%

[xehbit]

Hallo,

Ik ben van plan om voor mijn site een HTML pagina te maken waarvan de bovenste div op 200px height staat en 100% width. Dat gaat allemaal zonder problemen, maar als ik een 2e div er onder wil zetten die 100% height is, dus de pagina verder opvult krijg ik een scrollbar erbij ie ik niet wil, Dan word de pagina dus te hoog. Is er een manier om dit toch te kunnen doen?
Alvast bedankt!

[skabouter]

Ja hoor, de tweede div de volgende css eigenschappen meegeven:

Cascading Stylesheet:

position: absolute;
top:200px;
bottom: 0px; 
width:100%;

[ Voor 56% gewijzigd door skabouter op 12-05-2010 08:32 ]

[xehbit]

Oke, bedankt voor de reactie,

Zelf had ik ook al wat gevonden: http://www.xs4all.nl/~peterned/examples/csslayout1.html

[MueR]

Mag ik vragen wat het nut is van een kolom die de volledige hoogte van de pagina opvult wanneer er niets onder staat? Je wil waarschijnlijk gewoon je background laten doorlopen tot onderaan de viewport/pagina einde. Dat is toch gewoon op te lossen door je background op de body te zetten, eventueel met 200px top offset? Absolute positioning is daar echt niet voor nodig hoor.