CSS Pied de page qui reste collé au contenu
vykker
Messages postés
14
Statut
Membre
-
Curtis Hayes Messages postés 150 Statut Membre -
Curtis Hayes Messages postés 150 Statut Membre -
Bonjour,
Je n'arrive pas à faire que mon pied de page reste justement en bas de la page, en gros qu'il suive le contenu de la page.
Je vous met mon code allégé:
HTML
<body>
<div id="banniere">
</div>
<div id="menu">
</div>
<div id="contenu">
</div>
<div id="pied">
</div>
</body>
CSS
body {
background: black url(images/background.jpg);
font-family: Calibri;
font-size: 17px;
color: #FFFFFF;
margin: 0 auto 0;
position: relative;
}
html, body {
height: 100%;
}
#banniere{
background: url(images/brain-ban.png) no-repeat ;
width:500px;
height:200px;
position : absolute;
top:2%;
left:490px;
}
#menu {
background: url(images/navigation.png) no-repeat ;
width:1400px;
height:200px;
position : absolute;
top:16%;
text-align:center;
padding: 0.5% 0 0 1.5%;
}
/* Contenu */
#contenu{
background: url(images/texture-contenu2.png) repeat-y;
width:780px;
top:170px;
left:340px;
position:absolute;
min-height:70%;
height:70%;
}
/* Pied de page */
#pied {
background: url(images/navigation2.png) repeat-x scroll top left;
position: absolute;
width:98%;
height:8.5%;
clear:both;
bottom:0px;
}
Je n'arrive pas à faire que mon pied de page reste justement en bas de la page, en gros qu'il suive le contenu de la page.
Je vous met mon code allégé:
HTML
<body>
<div id="banniere">
</div>
<div id="menu">
</div>
<div id="contenu">
</div>
<div id="pied">
</div>
</body>
CSS
body {
background: black url(images/background.jpg);
font-family: Calibri;
font-size: 17px;
color: #FFFFFF;
margin: 0 auto 0;
position: relative;
}
html, body {
height: 100%;
}
#banniere{
background: url(images/brain-ban.png) no-repeat ;
width:500px;
height:200px;
position : absolute;
top:2%;
left:490px;
}
#menu {
background: url(images/navigation.png) no-repeat ;
width:1400px;
height:200px;
position : absolute;
top:16%;
text-align:center;
padding: 0.5% 0 0 1.5%;
}
/* Contenu */
#contenu{
background: url(images/texture-contenu2.png) repeat-y;
width:780px;
top:170px;
left:340px;
position:absolute;
min-height:70%;
height:70%;
}
/* Pied de page */
#pied {
background: url(images/navigation2.png) repeat-x scroll top left;
position: absolute;
width:98%;
height:8.5%;
clear:both;
bottom:0px;
}
A voir également:
- CSS Pied de page qui reste collé au contenu
- Impossible de supprimer une page word - Guide
- Calcul km marche à pied gratuit - Télécharger - Sport
- Mon pc s'allume mais lécran reste noir sans bip - Guide
- Combien de temps reste une story sur facebook - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
Commencer par faire évaluer la conformité du code aux normes en vigueur, c'est rapide et gratuit :
http://validator.w3.org/
http://validator.w3.org/
Salut à tous,
Lis ça en espérant que cela t'aide
"https://www.alsacreations.com/tuto/lire/608-initiation-au-positionnement-css-partie-2.html"
Lis ça en espérant que cela t'aide
"https://www.alsacreations.com/tuto/lire/608-initiation-au-positionnement-css-partie-2.html"
