Ons team heeft in de loop der tijd veel Div/css footer maken die onderaan de pagina blijft.
Er even vanuitgaande dat de site is opgebouwd met een goede container zoals uitgelegd op www.cascadium.nl/tips.html,
zal de footer de volgende CSS eigenschappen moeten hebben:
div#footer{
position:absolute;
bottom:0px;
width:980px;
height:100px;
}
Dit zorgt ervoor dat de footer de onderkant van de site aanneemt in plaats van de viewport.
Ongeacht de hoeveelheid content die op de pagina beschikbaar is. Een andere goede techniek is de footer relatief onderaan de pagina plaatsen.
Echter moet er dan wél voldoende content voor de pagina zijn.
div#footer{
margin:auto;
padding:0;
float:left;
width:980px;
height:100px;
}
Terug naar de Tips
