28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai mis en place un jeu d'élément div, mais je me retrouve obligé de spécifier une valeur de marge gauche spécifique à IE sinon, l'affichage est différent sous firefox et IE.
J'ai pourtant spécifié tous les padding et les margin, je ne comprend pas ?

Le css :


#b_conteneur {
	position: absolute;
	width:1024px;
	height:700px;
	margin:0;
	padding:0;
}
#b_horiz_h {
	width:1010px;
	height:80px;
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:1px;
	border:solid 1px #336699;
	padding:0;
	}
#b_logo_haut_g {
	width:75px;
	height:75px;
	margin:2px;
	border:solid 1px #336699;
	padding:0;
	}
#b_vert_g_menu {
	float:left;
	width:150px;
	height:604px;
	margin-top:1px;
	margin-right:0px;
	margin-left:3px;
	margin-bottom:5px;
	border:solid 1px #336699;
	padding:0;
	}
/*Lu par tous les navigateurs sauf IE*/
*>#b_vert_g_menu {
	margin-left:5px;
}

#b_vert_g_activ {
	float:left;
	width:12px;
	height:604px;
	border-top:solid 1px #336699;
	border-bottom:solid 1px #336699;
	margin-top:1px;
	margin-bottom:0px;
	margin-right:0;
	margin-left:0;
	padding:0;
	}
#b_affichage {
	float:left;
	width:847px;
	height:604px;
	margin-top:1px;
	margin-right:3px;
	margin-left:0px;
	margin-bottom:5px;
	border:solid 1px #336699;
	padding:0;
	}


Le html :

<div id="b_conteneur">
	<div id="b_horiz_h">
		<div id="b_logo_haut_g"></div>
	</div>
	<div id="b_vert_g_menu">
	</div>
	<div id="b_vert_g_activ">
	</div>
	<div id="b_affichage">
	</div>
</div>


Si quelqu'un à une idée, merci d'avance.
Quel(s) élément(s) est(sont) décalés ?

Tu as peut-être un problème de Doubled Margin Bug (petite recherche sur le forum et la FAQ).