Footer

[lerrie]

Hoe kan ik er voor zorgen dat mijn footer div, hoe groot op klein de pagine ook is, altijd onderaan het beeldscherm blijft. ALs ik op deze pagina http://gibraltarbusinesscapital.com uitzoom dan blijft de footer onderin hangen. Hoe kan ik hiervoor zorgen?

 

[royb3]

waarschijnlijk is dit omdat hij vast zit aan de onderkand, probeer hem eens aan de bovenkand van de pagina vast te zetten: dus ipv bottom:0px - top 1200px als voorbeeld

 

[csshunter]

Nop, dat gaat niet werken (bij een vaste afstand tot de bovenkant gaat het juist mis bij verschillende pagina-hoogtes).

Als de twee kolommen er zijn (met 1 of alle 2 gefloat om ze naast elkaar te krijgen) zet je in het eerste element eronder een "clear", d.w.z.: vrijmaken van de drijvers, zodat onder de hoogste float weer op de volle breedte gewerkt gaat worden (en niet ernaast).

<div id="footer">
    <p>De tekst aan de voet. Wat heb ik nu aan mijn voet hangen? Tekst!</p>
</div>

En dan:

#footer {
    clear: both;
    .... andere footer-styles
    }

Zo zou het moeten lukken.

Met vriendelijke groet,
CSShunter

 

[lerrie]

Bedankt! Als ik er niet uit kom laat ik het weten!