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 :
sous Firefox :
Ma CSS :
Le code de ma page :
Merci d'avance a tout ceux qui pourrons m'aider ^^
Modifié par Izanaghi (17 Jan 2006 - 11:39)
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 :
sous Firefox :
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"> </div>
<div id="middle">
<div id="menu"> </div>
<div id="main"> </div>
</div>
<div id="footer"> </div>
</div>
</body>
</html>
Merci d'avance a tout ceux qui pourrons m'aider ^^

Modifié par Izanaghi (17 Jan 2006 - 11:39)