[CSS] div positionerings probleem

[MMUilwijk]

Ik probeer al een aantal uren om een vrij eenvoudige layout met CSS voor elkaar te krijgen. Ik loop echter tegen een probleem op waar ik niet uit kom.
De layout is een simpele header-3 columns-footer opzet.

HTML:
http://home.planet.nl/~pit00061/Martijn/index.html

Stylesheet:
http://home.planet.nl/~pit00061/Martijn/stylesheet.css

Zoals te zien is valt de "footer" layer over de "content" layer.
Maar waarom? Het is toch zo dat een relatieve positionering uitgaat van de parent waarin hij geplaatst is?
Omdat het content gedeelte variabel moet in de hoogte zijn kan ik geen absolute positionering gebruiken. Ik heb al lopen rotzooien met een margin aan de onderkant, of een minimale hoogte maar daar schiet ik (uiteraard) niks mee op.
Kan iemand mij een zetje in de goede richting geven zodat de footer netjes onderaan komt te staan?

offtopic:
van tables naar CSS... wat een werk!

[ Voor 12% gewijzigd door MMUilwijk op 29-02-2004 17:23 ]

[Verwijderd]

Het is niet zo makkelijk als je hoopt dat het zou zijn om 3 kolommen dezelfde hoogte te geven. Zeker als je wilt dat alles valideert. (wat jouw voorbeeld trouwens sowieso al niet doet).

Je kan kijken naar dit voorbeeld. Hierin hebben ze voor elkaar wat jij wilt. Alleen met 100% height.

[ Voor 4% gewijzigd door Verwijderd op 29-02-2004 17:33 ]

[MMUilwijk]

Ik heb even dat voorbeeld bekeken, maar daarbij maken ze gebruik van een absoluut gepositioneerde header welke 0px van de linkerkant staat. Dat is niet helemaal wat ik bedoel. Juist omdat ik bij elke resolutie de layout gecentreerd wil hebben kan dat absoluut niet.

[Mx. Alba]

Dat genoemde voorbeeld kan je wel degelijk gebruiken hoor, als je er een container omheen doet...