2009-06-07 6 views
3

Je suis en train de rendre le séjour de bas de page en bas en utilisant le CSS, - Pied de page collant:Obtenir pied du séjour au fond

.wrapper { 
    margin: 0 auto; 
    padding: 0 0 0 0; 
    width: 100%; 
    text-align: left; 
    background: #F5F5FF; 
} 

.page .footer { 
    left: 0; 
    width: 100%; 
    min-width: 300px; 
    position: fixed; 
    margin-top: -150px; 
} 

.tfoot { 
    background: #3E5C92; 
    color: #E0E0F6; 
} 

.smallfont { 
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
} 

Et voici le code HTML de la chose:

<div class="wrapper">My stuff</div> 
<div class="footer"> 
<div class="tfoot" align="left" style="padding:6px"> 
<div class="smallfont" style="float:right"> 
<a href="?app=about">About Extranet</a>&nbsp;<a href="?app=changelog">Changelog</a>&nbsp;</div> 
<div style="color:white"> 
<small>Copyright &copy; 2009 Radon Systems&nbsp;|&nbsp;Shamil Nunhuck&nbsp;|&nbsp;<?php echo($product.'&nbsp;|&nbsp;'.$version.'&nbsp;|&nbsp;'.$build); ?> 
</div></div></small></div> 

Mais ça ne colle pas du tout. Qu'est ce qui ne va pas avec ça?

Répondre

4

Si vous voulez par exemple .footer coller à fond les opérations suivantes :

.footer { position:fixed; bottom:0; width:100%; height:110px;} 

Bien sûr, j'ai fait la largeur et la hauteur de sorte que vous changez selon vos besoins.

Espérons que cela aide !!

+0

OUI! Merci beaucoup! – bear

+4

Soyez averti que cela va forcer le pied de page à" flotter "au-dessus de tout autre contenu de document.Si vous voulez que le pied de page colle au bas sauf quand le contenu du document est plus long que la hauteur de la fenêtre visible, cela ne fonctionnera pas. Cela ne fonctionnera pas non plus dans IE6. – jrista

7

Essayer cette méthode (son seul que j'ai trouvé fonctionne toujours):

http://www.cssstickyfooter.com/

+0

ni fait cela: | – bear

+0

Vous devez l'implémenter EXACTEMENT comment il dit.Ce n'est pas un choix et choisir quelque chose.Si vous concevez votre structure de page externe pour suivre exactement – jrista

+0

Actuellement, il réécrit le fichier CSS et le restructure – bear

Questions connexes