login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Footer onderaan weergeven

Offline tomate - 09/05/2012 12:37
Avatar van tomateLid Dit gaat waarschijnlijk al veel gevraagd zijn. Ik heb bijna alles wat op internet te vinden is geprobeerd maar nog altijd geen oplossing.

Mijn probleem is als volgt. Ik krijg mijn footer niet altijd onderaan de pagina als de content wat korter is.

Dit is de website.

Kan iemand mij helpen?

11 antwoorden

Gesponsorde links
Offline ArieMedia - 09/05/2012 12:47
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
Probeer eens bottom: 0px; ipv margin-top: 100px;
Offline Martijn - 09/05/2012 12:53 (laatste wijziging 09/05/2012 12:55)
Avatar van Martijn Crew PHP ik geloof dat bottom 0px niet altijd juist worden gedaan in de IE's, voornamelijk nummer 7 dacht ik zo


edit: Je zou je wrapper dus een min-height: 100%; kunnen geven, je footer een bottom: 0px; en dan speciaal voor browsers waar het niet werkt doe je met javascript iets als dit

margin-top = wrapper_height - header_height - content_height - footer_height
Offline tomate - 09/05/2012 13:47
Avatar van tomate Lid Werkt allebei niet. 
Offline koosax - 09/05/2012 14:42
Avatar van koosax Lid Het beste kan je gebruik maken van Sticky Footer van Ryan Fait
Offline tomate - 09/05/2012 15:29
Avatar van tomate Lid Nog steeds niet 
Offline icemar - 09/05/2012 17:31
Avatar van icemar Lid Pas dit aan in de footer css

  1. /* Footer */
  2. footer {
  3. height:210px;
  4. width:960px;
  5. overflow:hidden;
  6. background:#7a6b4d;
  7. position: absolute;
  8. bottom:0px;
  9. }


Dan zou het wel behoren te werken
Offline tomate - 09/05/2012 19:22
Avatar van tomate Lid
icemar schreef:
Pas dit aan in de footer css

[..code..]

Dan zou het wel behoren te werken


Werkt niet want als je dan gaat scrollen bij een langere pagina blijft hij in het midden steken ;)
Offline devries1968 - 05/11/2012 19:46
Avatar van devries1968 Nieuw lid Heb je de height van de html en body op 100% gezet?:

  1. html,body
  2. {
  3. height:100%;
  4. }
Offline marten - 08/11/2012 09:15
Avatar van marten Beheerder Wel goed opletten dat andere browsers niet altijd height gebruiken. Plaats bijvoorbeeld ook een min-height erin.
Offline riagabel2 - 08/11/2012 16:25
Avatar van riagabel2 Lid De sticky footer werkt wel goed. In dit geval moet je alleen wel je footer buiten je wrapper plaatsen. Anders heeft de sticky footer helemaal geen effect. Zodra de footer buiten de wrapper staat dan moet je alleen nog de footer ook een margin: auto meegeven. Anders blijft hij links staan. Als je vragen heb of er niet helemaal uit komt laat het dan even weten want dan wil ik wel helpen... BTW ik heb hem hier op een test locatie soepel draaien
Offline marten - 08/11/2012 20:44
Avatar van marten Beheerder Let ook er op dat je niet met een resultaat uit je cache werkt. Dit kan bij het debuggen van foutmeldingen vaak de oplossing bieden. En let er op dat de ene oplossing wel voor browser x maar niet voor browser y werkt.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s