Bonjour,
J'ai identifié l'origine de mon problème, mais ne sais comment le résoudre...
Deux div collées l'une sous l'autre sous FF donnent deux div séparées par un vilain espace horizontal de quelques px quand je change la ligne
par
Je reporte ci-dessous les codes xhtml et css simplifiés au maximum :
Je remercie ceux qui pourront m'aider à comprendre ce comportement bizarre sous IE.
Christophe
J'ai identifié l'origine de mon problème, mais ne sais comment le résoudre...
Deux div collées l'une sous l'autre sous FF donnent deux div séparées par un vilain espace horizontal de quelques px quand je change la ligne
font: small/20px "Lucida Sans", "Lucida Grande", "Trebuchet MS";par
font: small/18px "Lucida Sans", "Lucida Grande", "Trebuchet MS";Je reporte ci-dessous les codes xhtml et css simplifiés au maximum :
<!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>
<title>Page de test</title>
<link rel="stylesheet" type="text/css" href="css/cssTest.css" />
</head>
<body id="home">
<div id="header">
<h1>Page test</h1>
</div>
<div id="globalnav">
<ul id="menu">
<li>Menu 1</li>
</ul>
</div>
</body></html>
body {
font: small/18px "Lucida Sans", "Lucida Grande", "Trebuchet MS";
}
div#globalnav {
height: 30px;
width: 680px;
background: #aaa;
border: 0;
margin: 0;
padding: 0;
}
div#globalnav ul#menu {
display: block;
height: 30px;
position: relative;
border: 0;
margin: 0;
padding: 0;
}
h1 {
display: block;
width: 600px;
height: 60px;
background: #ccc;
border: 0;
margin: 0;
padding: 0;
}
Je remercie ceux qui pourront m'aider à comprendre ce comportement bizarre sous IE.
Christophe