Tout d'abord bonjour a tous ^^!!!!

Voila pour lon premier poste je vous expose mon souci je travail actuellement sur un site en xhtml et il me faut creer une interface faite de div et placer avec des css jusque la tou va bien sauf qu'un probleme apparait sous IE en effet une petite separation apparait entre 2 div d'ou ma question :

Comment faire ????

sous IE :

upload/4799-IE.JPG

sous Firefox :

upload/4799-firefox.JPG

Ma CSS :


body {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 600px;
	margin: 0 auto 0 auto;
}
#title {
	margin-top:50px;
	font-size: 2.5em;
	height: 150px;
	color: #000000;
	background-color: #FF0000;
}
#middle{
	margin:0px;
	padding:0px;
}
#main {
	margin-right:100px;
	height:400px;
	background-color:#0000FF;
}
#menu {
	float: right;
	width: 100px;
	height: 400px;
	background-color: #00FF00;
	margin: 0px;
	padding:0px;
}
#footer {
	height:20px;
	background-color:#FFFF00;
	}


Le code de ma page :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title></title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="title">&nbsp;</div>
<div id="middle">
<div id="menu">&nbsp;</div>
<div id="main">&nbsp;</div>
</div>
<div id="footer">&nbsp;</div>
</div>
</body>
</html>


Merci d'avance a tout ceux qui pourrons m'aider ^^ Smiley biggrin
Modifié par Izanaghi (17 Jan 2006 - 11:39)
vérifie si ton décalage est de 3px et si c'est le cas, il s'agit sans doute du bug d'IE "three pixels jog" (fais une recherche sur le forum ou sur google)
encore un bug de plus pour IE Smiley langue

je vais me renseigner a propos de ce "three pixels jog"

Merci beaucoup the_penguin ^^ Smiley lol