[Résolu] Bug Marge de 3 px sous IE

Bonjour,

Quelqu un pourrait-il m'expliquer cette difference d'interpretation sous IE ?

Voici le resultat que je recherche et qui fonctionne parfaitement sous Firefox :


Voici le résultat bizarre observé sous IE6 :


Observez la marge qui apparait dans le bloc "centre" uniquement dans l'alignement du bloc "gauche"

Voici le code source de la page HTML:

<div id="conteneur">

	<div id="entete">
		entete
	</div>

	<div id="gauche">
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
		menu<br>
	</div>
	
	<div id="centre">
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
		partie avec du contenu occupant le reste de la largeur<br>
	</div>
	
	<div id="pied">
		pied de page
	</div>
</div>

Voici le code source du CSS :

div#conteneur
{
	position:absolute;
	width:100%;
	
	margin:0;
	padding:0;
	
	background-color:red;
}

div#entete
{
	position:relative;
	height:100px;
	
	margin:0;
	padding:0;
	
	background-color:blue;
}

div#gauche
{
	position:relative;
	float:left;
	width:200px;
	
	margin:0;
	padding:0;
	
	background-color:orange;
}

div#centre
{
	position:relative;
	
	margin:0;
	margin-left:200px;
	padding:0;
	
	background-color:green;
}

div#pied
{
	clear:both;
	height:50px;
	
	margin:0;
	padding:0;
	
	background-color:purple;
}

Modifié le 12 Dec 2004 - 16:06

C'est pas invivible, c'est même 3 px .
Il ya cette source en anglais sur ce soucis avec IE:
The IE Three Pixel Text-Jog

Bonjour Igor,

Merci beaucoup pour ta réponse très rapide
Je vais jetter un oeil à ton lien.

Nikel Merci beaucoup Igor.

Me reste juste à regler le probleme de doublement de marge sous IE.
D'habitude, en mettant display:inline; dans le bloc en float avec la marge
qui pose probleme ca marche, mais là ca passe pas... Une idée ?

div#conteneur
{
	position:absolute;
	width:100%;
	
	margin:0;
	padding:0;
	
	background-color:red;
}

div#entete
{
	position:relative;
	height:100px;
	
	margin:0;
	padding:0;
	
	background-color:blue;
}

div#gauche
{
	position:relative;
	[b]display:inline;[/b]
	
	float:left;
	width:200px;
	
	margin:0;
	padding:0;
	
	background-color:orange;
}

div#centre
{
	position:relative;
	
	margin:0;
	margin-left:205px;
	padding:0;
	
	background-color:green;
}
[b]
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #gauche {
  margin-right: 5px;
  }
 
* html #centre {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */
[/b]


div#pied
{
	clear:both;
	height:50px;
	
	margin:0;
	padding:0;
	
	background-color:purple;
}

En utilisant l'outil Recherche, j'ai retrouvé ce topic :
http://forum.alsacreations.com/topic.php?fid=4&tid=499&s=double+marge

Mots recherchés : double marge
Rechercher dans : posts
Par date : N'importe quand

L'outil Recherche est votre amis !