Bonjour,

Je veux faire une page avec un menu à gauche et un "content" à droite. Le problème ( à cause des images ) est que j'aimerais que sous IE ces deux blocs soient collés et je ne trouve pas la solution. Pourriez vous m'"aider ?

sous firefox tout vas bien et avec IE, y'a une barre de couleur au milieu.

mon code:

#page {
width:760px;
margin:auto;
padding:auto;
background-color:blue;
}

#gauche {
float:left;
width: 135px;
margin:0;
padding:0;
height:250px;
background:yellow;
}

#centre {
margin:0;
padding:0;
margin-left: 135px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
height:400px;
background:red;
}


Et le résultat sous IE:
upload/8618-ie.JPG

Merci
Modifié par alexandrebrysbaert (20 Sep 2006 - 19:33)
Merveilleux en rajoutant dans "centre"

position: relative, left: -3px et margin-right: -3px tout est rentré dans l'ordre.

Merci beaucoup.
Modifié par alexandrebrysbaert (20 Sep 2006 - 17:12)
Administrateur
alexandrebrysbaert a écrit :
Merveilleux en rajoutant dans "centre"

position: relative, left: -3px et margin-right: -3px tout est rentré dans l'ordre.

Merci beaucoup.

Pas exactement puisque cette bidouille ne règle le problème que sur le mauvais élève IE; par contre sur tous les autres navigateurs, tu auras un décalagé négatif donc des blocs qui se chevauchent.

D'ailleurs, je crois que tu n'as pas lu les liens qui t'ont été donnés car cette pseudo-solution ne s'y trouve pas.
Modifié par Raphael (20 Sep 2006 - 17:17)
Dans le lien c'est Alan qui donne cette astuce mais il précise bien de la mettre dans une feuille de style séparée insérré dans la page via des commentaires conditionnels.
Modifié par Hum (20 Sep 2006 - 21:40)