Pied de page (HTML/CSS)

Newcodeuse -  
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; 
}

5 réponses

  1. Lecineman
    Salut !

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

    http://www.cssstickyfooter.com/
    0
    1. avion-f16
      Salut,

      Regarde dans le code source :
      http://ryanfait.com/sticky-footer/
      0
      1. yebkun
        salut dans ton css tu doit faire 

        #footer{
position:fixed;
bottom:0px;
}
        0
        1. Newcodeuse
          Merci, mais je cherche une position absolue, pas fixe : le footer en bas de la page et non pas en bas de l'écran.
          0
      2. jawaad35
        Bonjour,

        Essayez comme çà pour voir... 

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


        et redites moi.
        0
        1. Newcodeuse
          Aucun effet pour moi.
          0
      4. Uronkill
        Salut,

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

        Merci ...
        0
        1. Uronkill
          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
          0

      Discussions similaires

      Suppression entête/pieds de page impossible,encadré tjr présent
      razekiel

      8 réponses
      Code source couleur de fond
      Mehdi-Amg

      9 réponses