Mauvaix affichage sous ie

Bonjour,
j'ai codé un design récemment, il n'y a absolument pas de problêmes avec FF, le validator.w3c.org me dit que mon code est valide xhtml1.0 strict et le css, valide css mais...
le site ne s'affiche pas correctement avec IE, le corps du texte est décalé, il s'affiche en-dessous du menu vertical à gauche.
le lien

j'aimerais savoir s'il y a moyen d'arranger ça.

Bonjour anonymousguest

Ton #menucorps fait 127px de large (5px + 117px + 5px) et il doit tenir dans un #menu qui fait 117px. Faudrait corriger ça en premier lieu.

a écrit :
Ton #menucorps fait 127px de large (5px + 117px + 5px)

euh... d'où ils sortent les 5px dont tu parles???

Bonsoir

La règle

#corps {
MARGIN-LEFT: 117px; 
WIDTH: 683px
}

... provoque le passage à la ligne de la boite "corps" sous IE.

J'ai modifié comme suit:

#corps {
MARGIN-LEFT: 127px; 
WIDTH: auto}

... Noter le 127px ...


Pour mettre au point:

div{border:2pt solid red} 

à la place de

DIV {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px
}

On voit plein de choses...

anonymousguest a écrit :
Ton #menucorps fait 127px de large (5px + 117px + 5px)

euh... d'où ils sortent les 5px dont tu parles???

Une largeur de 117px plus un padding de 5px à gauche plus un padding de 5px à droite ce qui fait 127px.

	#menucorps{
	width:117px;
	background-image:url(/design/menu.jpg);
	background-repeat:repeat-y;
	padding:5px;
	}

Pour en savoir plus : Gérer les modèles de boîtes CSS standard et Microsoft
Modifié par Stephan (13 Sep 2005 - 19:29)