Hallo allemaal,

Ik zit wat te CSS-en en loop tegen de volgende situatie aan waarvan ik me afvraag of het do-able is:
ik heb een container div welke zowel verticaal en horizontaal gecentreerd is, met daaronder een losse footer:

<body>
    <div id="container">...wat andere elementen...</div>
    <div id="footer"></div>
</body>


Dit werkt allemaal naar behoren. Echter wil ik het volgende bereiken:
De container heeft door de centering geen vaste positie/grootte, maar ik wil wel dat de footer het restant van de pagina vult. dus van het einde van de container tot stick aan de footer. Is dit mogelijk? Zou iemand mij een tipje van de theorie daarachter kunnen oplichten?

edit: Typo
Ah Jan, bedankt voor je supersnelle reactie en tijd!
Ik was al wel bang dat mijn vraag stelling onduidelijk was...
De situatie die ik wil creeren is iets anders dan gewoon een sticky footer. Mijn footer moet zijn hoogte bepalen adhv het einde van het content vlak tot aan het einde van de viewport.
Misschien ook belangrijk: het content vlak staat verticaal gecentreerd en heeft dus een margin-top: auto;
Dus je bedoelt dat die footer eigenlijk gewoon moet dienen als schermopvulling?
@RemeysenThomas
Dat bedoelde ik idd.
Ik heb inmiddels al bedacht dat zo'n situatie onzinnig is en heb de footer nu weggelaten. Ik kan zonder dit principe dus het probleem is bij deze opgelost!
Dank allemaal voor de snelle reacties!

Reageren