2009-10-14 8 views
2

Je vais avoir du mal avec un simple extrait de css pour le texte de pied de page. Le texte de bas de page doit toujours être à la fin de la page et la fin de l'écran ce qui vient plus tard.css pour le texte de pied de page

+0

La fin de la page * et * la fin de l'écran? Est-ce que «à la fin de la page» ne suffira pas à cela? Si la page déborde du bas de l'écran, le pied de page se trouve en bas de la page (c'est-à-dire: non visible à l'écran). Si vous faites défiler vers le bas de la page, alors le bas de page serait toujours au bas de la page mais visible à l'écran ... Peut-être qu'un exemple de code de ce que vous essayez de réaliser pourrait m'empêcher de nouer mon esprit en nœuds logiques ... :) – Town

+0

si la page est très courte (occupe juste la moitié de l'écran), alors je veux toujours que le pied de page soit en bas de l'écran, et non au milieu. – flybywire

Répondre

0
* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 
.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
} 

/* 

Sticky Footer by Ryan Fait 
http://ryanfait.com/ 

*/ 
-1

Utilisez la bottom propriété:

#footer 
{ 
    position:absolute; 
    bottom:2px; 
} 
+0

Ceci le positionnerait en bas de la fenêtre. Si la page était plus longue, elle ne serait pas au bas de la page (ce qui est spécifique à la question). – Quentin

+0

Ce serait, si l'étiquette du corps a la position: relative; – gnud

+0

@David oui ce serait - l'avez-vous essayé? Je l'ai utilisé sur plusieurs projets. Voir http://www.w3schools.com/CSS/pr_pos_bottom.asp – ANaimi

Questions connexes