Sujet Précédent Sujet Suivant

CSS Pied de page qui reste collé au contenu

Fermé
vykker Messages postés 14 Date d'inscription samedi 2 mai 2009 Statut Membre Dernière intervention 11 juin 2009 - 2 mai 2009 à 01:07
Curtis Hayes Messages postés 140 Date d'inscription vendredi 27 février 2009 Statut Membre Dernière intervention 27 janvier 2010 - 2 mai 2009 à 01:29
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;
}
A voir également:

2 réponses

Réponse 1 / 2
quendistu Messages postés 507 Date d'inscription lundi 3 novembre 2008 Statut Membre Dernière intervention 4 juin 2009 87
2 mai 2009 à 01:13
Commencer par faire évaluer la conformité du code aux normes en vigueur, c'est rapide et gratuit :

http://validator.w3.org/
0
Réponse 2 / 2
Curtis Hayes Messages postés 140 Date d'inscription vendredi 27 février 2009 Statut Membre Dernière intervention 27 janvier 2010 20
2 mai 2009 à 01:29
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"
0

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
waze piétons
ANNY -
bendrop -

2 réponses
Combien de temps dure le sablier Snapchat ?
Snapeeejdvjz -
shashanouu -

7 réponses