[resolu] Espace entre 2 blocs selon navigateur 20 px

Salut à tous. Désolé je sais que c'est un problème classique mais je ne trouve pas...

La structure de ma page :
- block header (horizontal)
- block contenu (corpsgauche, float left)
- block menu (coprsdroit, float right)
- 2 blocks pied de page (pied et footer, en dessous du contenu et du menu)

Sur IE un espace apparaît systématiquement entre le block corpsgauche (contenu) et le block pied de page. Sur Opéra aucun espace.

A noter que cet espace peut varier en taille selon les pages. Ce n'est pas un problème de marge ou de padding j'ai vérifié (merci la méthodologie ! en revanche je ne suis pas parvenu à identifier l'élément problématique). Merci beaucoup.

body
{
width:1024px;
margin:auto;
margin-top:px;
margin-bottom:px;
background-image:;
background-repeat:no-repeat;
background-color:#663333;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#header
{
width:1024px;
height:150px;
background-image:url("http://");
background-color:#FFFFFF;
background-repeat:no-repeat;
margin-bottom:px;
margin-left:;
padding-top:0px;
padding-left:0px;
}
#corpsgauche
{
float:left;
height:650px;
width:764px;
margin-left:px;
margin-bottom:px;
padding:20px;
color:#000000;
background-color:#FFFFFF;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#corpsdroit
{
float:right;
width:180px;
height:650px;
padding:20px;
text-align:justify;
background-color:#FFFFFF;
border-width:;
border-left-style:;
border-color:none;
font-size:12px;
}
#menupied
{
float:inherit;
padding:10px;
text-align:center;
background-color:#FFFFFF;
color:#663333;
border-color:#999999;
border-style:solid;
border-left:none;
border-right:none;
border-width:thin;
word-spacing:20px;
}
#footer
{
float:inherit;
padding:10px;
text-align:center;
background-color:#FFFFFF;
color:#663333;
border:0px solid black;
font-size:9px;
}

En remplaçant les float:inherit par clear:both le résultat demeure identique...
Modifié par moom (29 Mar 2006 - 17:11)

Bonjour,
Commence déjà par mettre ton code dans les balises correspondantes (le bouton code sous les smiley).
Ensuite si tu utilises les float gauche et droite sans doute ton footer necessitera sûrement un clear:both. Quoiqu'il en est, je t'invites à compulser les règles du forum

J'ai testé en enlevant les blocs Pied de page et Footer le résultat est le même : le contenu s'affiche avec un espace après les blocs contenu (corpsgauche) et menu (corps droit).

J'ai vérifié dans ma page html et rien (pas <br> ni de <p>) n'est inscrit avant ce contenu...

Cela vient donc forcément d'un des 2 blocs float mais je ne trouve pas... Merci.

Edit. Mon espace est de 20 px exactement...
Modifié par moom (29 Mar 2006 - 16:02)

C'est nul mais j'ai trouvé une solution : dans le menu pied et footer je mets :

float:left;
width:1004px;

Je pense qu'il y avait une autre solution, plus propre mais bon...
Modifié par moom (29 Mar 2006 - 17:39)

Oui, semble-t'il, tu n'as pas suivi ce que je disais, je ne parlais pas de supprimer le footer, mais justement de s'en servir pour rétablir le flux avec un clear:both. Pour résumer il faudrait placer ceci juste apres le dernier block "floaté".
Mais le plus simple serait d'avoir un exemple en ligne afin de juger sur pièce, peut-être d'autres éléments entre en jeu.