Javascript is iets wat je zoveel mogelijk moet vermijden, zeker als het easy is met html & CSS codes:
http://ultimate-design.be/test
probeer gewoon ff dit:
html file:
css:Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>test</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="footer"> Footer </div> </body> </html>
de body margin op 0 zetten is geen hoofdzaak, maar zo komt je footer wel tegen de kant vanonder!Code:body{margin:0px;} #footer{height:50px;width:100%;background:red;text-align:center;position:absolute;bottom:-1px;}
de rode kleur is gewoon dat je duidelijk de balk ziet
-
03-02-2007, 14:30 #16
Particulier
- Berichten
- 224
- Lid sinds
- 18 Jaar
-
04-02-2007, 11:50 #17
Particulier
- Berichten
- 224
- Lid sinds
- 18 Jaar
is dit wat je zoekt of niet? want anders kijk ik er nog wel eens naar
nog een klein detail geupdate:
stylesheet:
als je die "overflow:hidden;" niet doet kan je 1px scrollen en beweegt je onderste balk mee.Code:body{margin:0px;overflow:hidden;} #footer{height:50px;width:100%;background:red;text-align:center;position:absolute;bottom:-1px;}
heb beste lijkt me ook om je gehele content in een grote div te zetten met die div als eigenschap: "overflow:auto;"
-
04-02-2007, 15:58 #18
Particulier
- Berichten
- 112
- Lid sinds
- 18 Jaar
Ik heb het geprobeerd, maar dit werkt niet als je ook een scrolbar hebt, dan gaat de footer namelijk mee tijdens het scrollen.
Origineel gepost door Cédric Siroux
Jongens, bedankt voor de hulp. Maar ik houd hem zoals ie nu is, zo vind ik hem ook mooi.
