Positionnement relatif footer

[Fermé]
Signaler
Messages postés
1
Date d'inscription
mardi 2 décembre 2008
Statut
Membre
Dernière intervention
2 décembre 2008
-
Messages postés
378
Date d'inscription
vendredi 19 octobre 2007
Statut
Membre
Dernière intervention
22 mars 2013
-
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 !

1 réponse

Messages postés
378
Date d'inscription
vendredi 19 octobre 2007
Statut
Membre
Dernière intervention
22 mars 2013
39
je te propose quelque chose de simple:
<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 ;)