2010-11-09 5 views
0

Je sais que cela a été demandé ici innombrables fois, j'ai regardé autour d'essayer de mettre en œuvre les solutions données.encore une autre question de pied de page collant

#footer 
{ 
    min-width: 900px; 
    text-align: center; 
    position: absolute; 
} 

C'est la toute dernière div sur la page. Je le teste ici blog.0arrays.com (un thème par défaut pour tumblr), mais le pied de page ne colle pas au fond. Il apparaît au milieu de la page. Je peux fournir le code complet si quelqu'un veut le regarder, car il est trop long pour coller ici.

Merci d'avance.

EDIT:

Je ne me soucie vraiment si son collant ou non (tout en bas), je ne veux pas qu'il apparaisse au milieu de mon texte, que vous pouvez voir sur le site.

EDIT 2:

J'ai posté le code complet here (via pastie), arrrr .... Je parie que la réponse est très simple, cela fait ma tête pour une raison quelconque, vos suggestions ne sont pas. travail.

Personne ...?

+1

[Encore une autre réponse collante de bas de page] (http://stackoverflow.com/search?q=css+sticky+footer): http: // www .cssstickyfooter.com – BalusC

+0

http://ryanfait.com/sticky-footer/ - le meilleur! – Marwelln

+0

^^ J'ai regardé à la fois – jonnnnnnnnnie

Répondre

0

J'ai juste besoin d'utiliser

`display: table-row;' 
1

En plus des autres attributs que vous avez définis pour #footer, vous devez également ajouter bottom:0 pour définir sa position en bas de la page.

EDIT: Vous aurez aussi besoin position:fixed au lieu d'absolu

+0

Ne fonctionne pas de toute façon. L'élément ne suivra pas lorsque vous faites défiler la page. Il restera à la même position pendant que vous faites défiler. – Marwelln

+0

Bon point, il devrait effectivement être position: fixe – Infotekka

0

Si vous ne se soucient pas de garder le pied au fond il vous suffit de supprimer la position: absolute; de #posts.

+0

aucune de ces choses semblent fonctionner pour moi ... Je pense qu'il ya quelque chose de très mal avec mon code – jonnnnnnnnnie

+0

position de suppression: absolue de postes fait le div leftmenu tomber – jonnnnnnnnnie

0

Si vous voulez que le pied de page colle au bas de la page, utilisez une position fixe.

#footer { 
    position: fixed; 
    bottom: 0px; 
} 
Questions connexes