login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Fixed footer (Opgelost)

Offline Raze - 02/02/2009 14:59
Avatar van RazePHP beginner Hallo,

ik wil graag een fixed footer, zodat deze niet meescrollt naar beneden, maar steeds tegen de bodem blijft staan.

Met CSS is het me gedeeltelijk gelukt: de footer blijft tegen de bottom, maar het probleem is dat ik bij mijn container nu 2 scrollbars zijn.

Code:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .bottom {
  2. 	position: absolute;
  3. 	width: 90%;
  4. 	left: 50%;
  5. 	margin-left: -45%;
  6. 	height: 30px;
  7. 	bottom: 0%;
  8. 	background-color:#CCCCCC;
  9. 	border-left: 1px solid;
  10. 	border-right: 1px solid;
  11. 	border-top: 1px solid;
  12. 	border-color: #000000;
  13. }
  14. #container {
  15. 	height: 95%;
  16. 	overflow: auto;
  17. }
  18. .html, body {
  19. 	background-color: #FFFFFF;
  20. 	margin: 0px;
  21. 	padding: 0px;
  22. 	min-height: 100%;
  23. }

4 antwoorden

Gesponsorde links
Offline Ontani - 02/02/2009 15:15
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 waarom je container een overflow meegeven...

doe die regel overflow: auto; gewoon weg en je scrollbars zijn verdwenen.
Offline Raze - 02/02/2009 15:21
Avatar van Raze PHP beginner wanneer ik de overflow: auto; wegdoe, dan zijn de scrollbalken weg, maar wanneer er dan veel content in de pagina zit, blijft de footer op 95% steken, dus alles wat erover gaat, wordt weergegeven onder de footer door.
Offline denniseik - 02/02/2009 15:33
Avatar van denniseik Lid misschien heb je hier wat aan:
http://limpid.nl/lab/css/fixed/footer
Bedankt door: kilian
Offline Raze - 02/02/2009 18:48
Avatar van Raze PHP beginner @ denniseik: yop!  bedankt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s