2010-06-04 7 views
20

J'ai un DIV à largeur fixe que je veux rester en bas de la fenêtre du navigateur. Malheureusement, je n'ai pas la moindre idée de l'endroit où je commencerais même à essayer de mettre en œuvre ceci.Comment ancrer un DIV au bas d'une page?

De toute évidence, la première chose à faire est de définir position à fixed. Mais au-delà de ça ... aucune idée.

+3

un bon moyen de vérifier ce genre de choses est d'installer Firebug (sur Firefox) et inspectez une page qui utilise l'effet que vous essayez d'obtenir. – Frankie

Répondre

17
#mydiv{ 
    position: fixed; 
    bottom: 0px; 
} 
+0

Vous devriez regarder à travers le lien que j'ai posté à la place. Il y a des correctifs nécessaires pour IE et Opera. –

25

Voir à astuces css-:

Fixed Footer

CSS:

#footer { 
    position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 
+0

Ceci est une bonne solution pour les personnes qui favorisent a) les navigateurs modernes et 2) n'incluant pas les dépendances de bibliothèques inutiles (cssstickyfooter.com) – g33kz0r

+0

Le pied de page avec l'expression est fixé en bas sur la charge mais défile avec la page –

Questions connexes