In de eerste afbeelding kan je zien dat er nog ruimte is tussen de onderkant van mijn layout, en de onderkant van de browser.

Ik heb dus een divje onderaan met daarin een achtergrondafbeelding die dit zou moeten opvangen. Als ik deze div opvul met tekst werkt dit. Maar hoe kan ik ervoor zorgen dat deze div automatisch de hoogte aanneemt van de ruimte die nog over is? Height:auto en height:100% werken niet...

Om de container 100% te maken, kan je het volgende doen in de css:

Code:

html, body {
   height:100%;
}

#container {
   min-height:100%;
   height:auto !important;
   height:100%;
}

Zo lijkt het probleem opgelost te zijn, echter als mijn content dan wel langer is dan de hoogte van de browser, dan rekt deze verder niet uit :S

Laat maar, het is ondertussen opgelost met overflow:hidden;