HTML beginner |
|
Ik heb een foutje gemaakt. alles wat ik voor body in mijn css heb gezet, moet eigenlijk voor een container inside body staan. positioning reageert immers niet normaal op het body-element (denk ik). En plus heb ik niet alles uit mijn oorspronkelijke CSS gehaald.
dus de site structuur:
<html>
<body>
<div id=body>
<div id=container>
</div>
<div id=footer>
</div>
</div>
</body>
</html>
en de css:
body, html{
padding:0;
margin:0;
height:100%;
}
div#body{
position:relative;
margin:0;
padding:0;
min-height:100%
}
div#container{
padding-bottom:90px; //height footer + 10px voor extra afstand
position: relative;
overflow:hidden
}
div#footer{
height:80px; //height footer
line-height:80px; //centering text vertically
bottom: 0px;
padding:0;
margin:0;
width:100%;
position:absolute;
}
body, html{ padding:0; margin:0; height:100%; } div#body{ position:relative; margin:0; padding:0; min-height:100% } div#container{ padding-bottom:90px; //height footer + 10px voor extra afstand position: relative; overflow:hidden } div#footer{ height:80px; //height footer line-height:80px; //centering text vertically bottom: 0px; padding:0; margin:0; width:100%; position:absolute; }
Sorry dat ik niet echt duidelijk was.
BTW de tweede site werkt ook niet goed, enkel omdat er meer info opstaat, pusht deze de footer wel degelijk helemaal onderaan. De beste test is uitzoomen bvb 40%, dan zie je of de footer wel degelijk onderaan staat.
Ik hoop dat ik nu volledig ben |