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;
}
A voir également:
- Pied de page (HTML/CSS)
- Impossible de supprimer une page word - Guide
- Calcul km marche à pied gratuit - Télécharger - Sport
- Editeur html - Télécharger - HTML
- Imprimer tableau excel sur une page - Guide
- Page d'accueil - Guide
5 réponses
Bonjour,
Essayez comme çà pour voir...
et redites moi.
Essayez comme çà pour voir...
#footer{
position: absolute;
margin-bottom: 0px;
}
et redites moi.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<?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