[CSS] Content area tot onderin laten lopen.

[QinX]

Beste Tweakers,

Ik ben bezig met een Joomla! site te maken.
Ik zit nu vast en ook Google bied ook geen uitkomt.

Wat ik nu heb is zowel boven als onder 2 achtergrond die zo'n 120px hoog zijn.
Hier tussenin zit nog een header en daaronder zit weer het content gedeelte.

Wat ik nu wil bereiken is dat het content gedeelt ongeacht de hoogte van de browser viewport altijd tot onderaan de footer komt. De scollbalk wil ik pas krijgen als deze de echt content heeft bereikt.

Hier is volgens mij de belangrijkste code voor dit probleem.

HTML:

<div id="wrapper">
    <div id="tabarea"></div>
    <div id="wrapper2">bevat header en contentarea</div>
    <div id="push"></div>
    <div id="footer"</div>
</div>

Cascading Stylesheet:

div#wrapper {
    min-height:100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:-126px;
    height:100%;
    width: 821px;
}
div#tabarea {
    padding:77px 0 0 0; 

}
div#wrapper2 {
    margin-left: auto;
    margin-right: auto;
    width:819px;
    height:80%;
}
#footer, #push{
    height:126px;
}
#push {
    background:#FFF;
    width: 819px;
    margin-left: auto;
    margin-right: auto;
}

Ik zie geen oplossingen meer hiervoor, hoe krijg ik dit voor elkaar?

[MueR]

Faken door de background van je content gebied op de body te zetten. Dat is by far de meest betrouwbare manier.

[mithras]

^^ inderdaad. Deze term heet faux columns, dat zoekt wat makkelijker

[QinX]

Hartelijk bedankt dit was inderdaad de oplossing .