Posez votre question Signaler

Pied de page (HTML/CSS)

Newcodeuse - Dernière réponse le 1 juil. 2011 à 09:06
Bonjour,
Je suis en train de développer un site, mais je n'arrive pas à faire un pied de page qui reste collé en bas de la page. Voici mon code (version simplifié, j'ai juste mis les div pour montrer la structure) :
HTML :
<body><link rel="stylesheet" href="greenRH.css" type='text/css' /> 


 <div id="Entete"><a href="index.php" > <img src="images/logo.jpg" alt="logo" /> </a></div> 


  <div id="Menu"> 
   
  
 </div> 
  

<div id="corps">  

<div id="onglets"> 




</div> 
<div style="clear:both;"></div>  

<div id="ctext"> 
</br> 






</br></br> 
</div> 
<div style="clear:both;"></div>  
</div> 
<div style="clear:both;"></div>  

<div id="footer">Ceci est un pied de page </div> 

</body> 
</html> 

CSS :
#Entete{   
position:absolute; 
margin-left: -8px; 
top:0px; 
width:100%; 
height : 140px; 
} 

#menu{  
position:absolute; 
top:244px; 
left:6%; 
padding: 0px; 
} 

#corps{   
position:absolute; 
left:29%; 
top:240px; 
width: 704px; 
} 

#ctext{ /* Ca contient le texte. C'est à l'intérieur du corps */  
background-color: white ; 
margin: 10px; 
padding: 20px; 
} 


#footer{ 
position: absolute; 
bottom: 0px; 
}
Lire la suite 

Pied de page (HTML/CSS) »

8 réponses
Réponse
+0
moins plus
Salut,

j'ai le même problème que vous ! Donc si vous trouvez faites m'en part SVP ;)

Merci ...
Uronkill - 27 juin 2011 à 14:04
j'ai fait une page connexion.php :
<?php
include("footer.php");
?>

et une page footer.php :
<div style=" background-image: url('Image/back2.jpg');
			background-repeat: repeat-x; 
			background-color: #DAD7CE;
			height: 205px;
			bottom: 0px;
			margin-top: -1%;">
	<img src="Gif/black.gif" style=" padding-left: 0px; padding-bottom: 0px;"/>
</div>

mais ça ne marche pas :( so ...
HELP
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

Essayez comme çà pour voir...

#footer{  
position: absolute;  
margin-bottom: 0px;  
}


et redites moi.
Newcodeuse - 27 juin 2011 à 14:24
Aucun effet pour moi.
Ajouter un commentaire
Réponse
+0
moins plus
salut dans ton css tu doit faire

#footer{
position:fixed;
bottom:0px;
}
Newcodeuse - 1 juil. 2011 à 09:06
Merci, mais je cherche une position absolue, pas fixe : le footer en bas de la page et non pas en bas de l'écran.
Ajouter un commentaire
Réponse
+0
moins plus
Salut,

Regarde dans le code source :
http://ryanfait.com/sticky-footer/
Ajouter un commentaire
Réponse
+0
moins plus
Salut !

J'en ai un autre, si ça intéresse :


http://www.cssstickyfooter.com/
Ajouter un commentaire
Ce document intitulé « pied de page (HTML/CSS) » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?