28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Voilà j'ai ce problème à chaque fois que je fais un design contenant un header, une partie centrale et un pied de page. Le pied de page ne se colle pas au bloc d'avant, j'ai à chaque fois un espace impossible à enlever. J'aimerais bien savoir d'où ça vient et comment résoudre le problème?
Je précise que c'est sous Mozilla et je n'ai pas pu vérifier sous IE.


/* L'en-tête */
#bandeau
{
width: 826px;
height:161px;
background-image: url("img/interface_01.jpg");
padding:0;
margin:0;

}
/*le corps*/

#corps
{
background-image: url("img/interface_02.gif");
background-repeat: repeat;
height:auto;
width:826px;
}

/*le pied de page*/
#pied
{
background-image: url("img/interface_13.gif");
height:52px;
width:826px;
padding:0;
margin-top:0;
}


Rien de spécial dans le html:

<body>
   <header></header>
   <corps>
.................................
   </corps>
(c'est entre ces deux blocs qu'il y a un espace)
   <pied></pied>
</body>
Salut,

Aurais-tu une page en ligne pour constater le problème, qui pourrait provenir d'une autre partie de ton code que celle indiquée ici ? Smiley cligne
Modifié par Mikachu (15 Jul 2008 - 17:02)
Ca peut être une marge à l'intérieur de ton corps ou de ton pied.

J'ai souvent le même problème car mon pied contient un menu de type ul > li qui a une marge par défaut. Je suis obligé de redéfinir la marge de la liste à puce pour corriger le problème.

Sinon, tu as un margin bottom dans un de tes éléments du corps. Avec Firebug pour firefox, tu peux voir la taille de tes éléments en les survolants (couleur bleu) et leur marge (couleur jaune). Très utile quand on veut savoir ce qui cause un problème de décalage.