Positionnement relatif footer
melody nelson
Messages postés
1
Statut
Membre
-
xxkirastarothxx Messages postés 415 Statut Membre -
xxkirastarothxx Messages postés 415 Statut Membre -
Bonjour,
J'ai codé un site perso (http://laetitia.brevet.free.fr) mais je me rend compte que le footer se deplace trop bas dans ma page selon le contenu. Normalement, il doit rester dans le body.
Je suis autodidacte et c'est mon premier site donc je m'excuse par avance de mon code qui doit pas etre tres catholique...
Est-ce que vous pouvez me dire ce qui cloche ? J'aurais du mettre une div globale au lieu d'utiliser le body pour cela ?
Voilà les CSS :
html
{
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size: 12px;
}
div#footer {
position: relative;
float: left;
width: 650px;
height: ;
margin-top: 65px;
margin-bottom: 10px
}
div#menu
{
width: 185px;
height: 420px;
margin:0px;
float: left;
}
div#header {
font-size: 13px;
width: 650px;
}
div#menu
{
width: 185px;
height: 420px;
margin:0px;
float: left;
}
div#contenu
{
height: 261px;
width: 320px;
margin-right: 20px;
margin-top: 0;
margin-bottom: 10px;
margin-top: 10px;
float: right;
}
Merci par avance !
J'ai codé un site perso (http://laetitia.brevet.free.fr) mais je me rend compte que le footer se deplace trop bas dans ma page selon le contenu. Normalement, il doit rester dans le body.
Je suis autodidacte et c'est mon premier site donc je m'excuse par avance de mon code qui doit pas etre tres catholique...
Est-ce que vous pouvez me dire ce qui cloche ? J'aurais du mettre une div globale au lieu d'utiliser le body pour cela ?
Voilà les CSS :
html
{
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size: 12px;
}
div#footer {
position: relative;
float: left;
width: 650px;
height: ;
margin-top: 65px;
margin-bottom: 10px
}
div#menu
{
width: 185px;
height: 420px;
margin:0px;
float: left;
}
div#header {
font-size: 13px;
width: 650px;
}
div#menu
{
width: 185px;
height: 420px;
margin:0px;
float: left;
}
div#contenu
{
height: 261px;
width: 320px;
margin-right: 20px;
margin-top: 0;
margin-bottom: 10px;
margin-top: 10px;
float: right;
}
Merci par avance !
A voir également:
- Positionnement relatif footer
- Logiciel positionnement gratuit - Guide
- Test de positionnement cesi - Forum Études / Formation High-Tech
- Positionnement google maps - Guide
- Lien relatif - Forum Excel
- Test de positionnement afpa niveau 4 - Forum Études / Formation High-Tech
1 réponse
je te propose quelque chose de simple:
dans le div coprs, tu met tout (le contenu, le menu etc..)
et juste en dessous tu a le footer, qui, comme il est obligatoirement juste en dessous du corps, n'a pas besoin d'etre en position relative ni absolue, ni même en float: left ;)
<body>
<div id='header'>
</div>
<div id='corps'>
</div>
<div id='footer'>
</div>
</body>
dans le div coprs, tu met tout (le contenu, le menu etc..)
et juste en dessous tu a le footer, qui, comme il est obligatoirement juste en dessous du corps, n'a pas besoin d'etre en position relative ni absolue, ni même en float: left ;)
