[Résolu] Margin nettement différent entre IE et Firefox.

Bonjour à tous.

Aujourd'hui, mon probleme va me placer de nouveau dans la catégorie des nazes du CSS

Mon problème est le suivant. Je mets un cadre dans un autre cadre, je lui alloue "margin : 2px;" et comme par miracle, entre IE et FIREFOX, le rendu est différent.

Voila l'illustration en lien -> ici

Et voici le code que j'utilise :

<style type="text/css">
#page_fond {
	width			: 690px;
	height			: 200px;
	border			: 1px solid black;
	background-color: #47585b;
}

#page_gauche {
	float			: left;
	width			: 200px;
	margin			: 2px;
	border			: 1px solid white;
}

</style>

<div id="page_fond">

	<div id="page_gauche">
		<div id="cadre" style="background-color: #ecdfa4;">
			test <br />test <br />test <br />test <br />test <br />test <br />test <br />test <br />test <br />
		</div>
	</div>

</div>

Avec un peut de recherche, je n'ai jamais trouvé pourquoi la marge de gauche prend 4px (sur ie) au lieu de 2px.

Merci d'avance.
Modifié par papayou (17 Aug 2006 - 10:10)

Salut ...

La marge prend probablement 5px et non 4

Une recherche sur "three pixels jog" devrait t'apporter des réponses.

Bonsoir

Je pense plutôt à 4px et au : IE Doubled Float-Margin Bug

Tu peux ajouter display: inline; à #page_gauche pour régler le problème
Modifié par Alan (16 Aug 2006 - 20:30)

Je pouvais encore chercher, j'etais pas prés detrouver...

La solution vient bien avec le "display : inline".

Merci