HTML/PHP - Positionner correctement un pied de page

HTML/PHP - Positionner correctement un pied de page - PHP - Programmation

Marsh Posté le 16-06-2012 à 09:53:20    

Bonjour a tous,
 
Je sais que c'est une question très bête mais j'arrive pas à placer mon pied de page correctement.
je voudrais que mon pied de page soit fixer en bas de ma fenetre comme tout bon pieds de page qui se respecte ;) mais si je le mets en relative il s'adapte automatiquement au contenu de ma page et du coups s'il est page n'est pas très riche en texte le pied de page se met au milieu de l'ecran.
De même si je le mets en absolute et que le contenu fait que la page se scroll alors mon pied de page se fixe par dessus le contenu.
 
Est-ce qu'il y a un moyen de consillier les 2? j'ai testé plein de chose et rien.
Voila mon css actuel:
 
#footer {
 position:relative;
 bottom:0px;
 height:40px;
}
#footer_text{
 text-align:center;
 font-size:1em;
}
 
le fichier footer.php mis en require dans chaque page:
<html>
 <div id="footer">
  <p id="footer_text">© maxredphenix 2012, tous droits réservés</p>
 </div>
</html>
 
merci d'avance
 
maxredphenix

Reply

Marsh Posté le 16-06-2012 à 09:53:20   

Reply

Marsh Posté le 16-06-2012 à 12:42:05    

J'emploie ce bout de code
http://ryanfait.com/sticky-footer/

Reply

Marsh Posté le 16-06-2012 à 14:19:16    

Merci,  
 
j'ai fait exactement comme indiqué dans le site:
html, body {
        height: 97%;
}
.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -10px; /* La marge du bas correspond à la valeur négative de la hauteur du footer */
}
.footer {
 height: 10px;
 text-align:center;
}
 
Mis à part le text-align et j'ai bien séparer mon code html en deux div le wrapper pour le contenu et le footer et c'est ok
 
Encore merci


Message édité par maxredphenix le 16-06-2012 à 14:23:30
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed