footer aan de bottom van de pagina
Ik heb een probleempje.
Ik wil een footer aan de onderkant van mijn pagina, dus ook als er niet genoeg content is. Dit werkt nu goed in IE7 maar niet in FF en IE8.
http://test.feestenfeest.nl/test
Bekijk bijvoorbeeld even deze pagina: http://test.feestenfeest.nl/test/page/view/id/18.
Daar loopt de footer in IE8 en FF er gewoon doorheen.
De css is een beetje te groot om te posten. Hij is hier te vinden:
http://test.feestenfeest.nl/test/_style/style.php
Iemand misschien een idee hoe ik dit kan oplossen?
Groeten,
Boris
niet laten floaten en clear:both zetten.
Quote:
Edit:
en je position:absolute weghalen ;-)
en je position:absolute weghalen ;-)
Gewijzigd op 01/01/1970 01:00:00 door Barry
Maar hoe moet ik anders mijn div's naast elkaar krijgen, als ik ze niet float?
En waar zou ik dan clear:both neer moeten zetten?
Bij voorbaat dank!
Groeten,
Boris
EDIT:
Ik heb die position: absolute weggehaald en het werk! :) Bedankt man!
Gewijzigd op 01/01/1970 01:00:00 door Boris Mattijssen
Als ik position: absolute weghaal, bljift hij niet aan de onderkan van de pagina "plakken" als de site kort is. (er komt dan dus een witte balk onder de footer)
Kan je misschien toch even verdere uitleg geven over die floatings?
Groeten,
Boris
Gelieve Niet Bumpen::
Gewijzigd op 01/01/1970 01:00:00 door Boris Mattijssen
Plaats hem gewoon onder je content en laat hem mee groeien met de pagina. Of je gaat voor optie 2 en gaat voor een fixed aanpak, maar dan zal je footer constant in beeld staan (ook dit werkt niet perfect cross-browser).
Optie 3 zou javascript zijn en dan kan je de hoogte van je browser body kunnen meten en deze dan vergelijken met de hoeveelheid content je hebt, als de content height groter word dan een bepaalde hoogte dan plaats je hem onder je content (gewoon) en wanneer het te klein is, dan kun je position gebruiken. Nadeel hier van is dat wanneer iemand zijn browser dan herschaalt, dit er dan niet geweldig meer uit zal zien.
in de header begin ik met een tabel zonder border, ik eindig met <td>
in de footer sluit ik die <td> tag netjes af enz...
klik. Eerste resultaat op Google; footer css
Als je footer 100% breed is, kun je dit gebruiken door een div footer onderaan al je divs te zetten voor de Google analytics en body.
Je bent niet de eerste die een footer wil. Dit kun je gewoon met CSS oplossen: Als je footer 100% breed is, kun je dit gebruiken door een div footer onderaan al je divs te zetten voor de Google analytics en body.
Gewijzigd op 01/01/1970 01:00:00 door B a s