Pied de page (HTML/CSS)
Newcodeuse
-
Newcodeuse -
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 :
CSS :
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
-
Salut,
j'ai le même problème que vous ! Donc si vous trouvez faites m'en part SVP ;)
Merci ...-
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
-
-
Bonjour,
Essayez comme çà pour voir...
#footer{ position: absolute; margin-bottom: 0px; }
et redites moi. -
salut dans ton css tu doit faire
#footer{ position:fixed; bottom:0px; } -
Salut,
Regarde dans le code source :
http://ryanfait.com/sticky-footer/ -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
