Bonjour à tous et à toutes !
Après avoir résolu grâce à vous le souci de décalage global de mon site sous FF, j'aurais maintenant besoin d'une piqure de rappel concernant les soucis que l'on peut rencontrer avec IE6. Et pour ça, j'ai un exemple :
Le menu ci-dessous est correctement placé sous FF et IE7, ainsi que les autres navigateurs, mais pas sous IE6 (Gare à vos yeux, l'image n'est pas bien grande, désolé) :
http://www.mediaklan.com/work/wip/ffie6.jpg
Le xhtml :
Le CSS :
Pourriez-vous s'il vous plaît m'aider à comprendre ce qui fait qu'IE6 décale mon menu vers le bas ? Je continue de chercher ce que je pense être un bug IE6, mais au vu de tout ce que j'ai déjà essayé (mais j'ai peut-être "mal essayé"), je suis à court d'idées
... J'aurais bien besoin d'un zieutage extérieur !
Un grand merci d'avance et bonne journée !
Après avoir résolu grâce à vous le souci de décalage global de mon site sous FF, j'aurais maintenant besoin d'une piqure de rappel concernant les soucis que l'on peut rencontrer avec IE6. Et pour ça, j'ai un exemple :
Le menu ci-dessous est correctement placé sous FF et IE7, ainsi que les autres navigateurs, mais pas sous IE6 (Gare à vos yeux, l'image n'est pas bien grande, désolé) :
http://www.mediaklan.com/work/wip/ffie6.jpg
Le xhtml :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="presentation pertinente du site" />
<meta name="keywords" content="mots-cles relatifs au site et son contenu, et sa localisation" />
<title>blabla :: Accueil</title>
<link rel="stylesheet" type="text/css" href="_css/global.css" />
<link rel="stylesheet" type="text/css" href="_css/print.css" />
<link rel="shortcut icon" href="_gui/favicon.ico" />
<link rel="icon" type="image/x-icon" href="_gui/favicon.ico" />
<link rel="icon" type="image/png" href="_gui/favicon.png" />
<script type="text/javascript"></script>
</head>
<body>
<h1>bla bla, Vente et installation de bla bla</h1>
<div id="global">
<!-- Colonne du logo et des Casseroles -->
<div id="blocgauche">
<p>Bloc gauche</p>
<p>largeur fixe : ? px</p>
</div>
<!-- Colonne des Couverts en bois -->
<div id="blocdroit">
<p>Bloc droit</p>
<p>largeur fixe : ? px</p>
</div>
<!-- Colonne du Contenu et Menu -->
<div id="blocnotes">
<ul id="navhoriz">
<li><a href="#" title="Les Meubles Cusines">Cuisines</a></li>
<li><a href="#" title="Les Meubles de Salles de Bains">Salles de Bains</a></li>
<li><a href="#" title="L'électroménager">Electroménager</a></li>
<li><a href="#" title="Les éviers et la robinetterie">Eviers et Robinets</a></li>
<li><a href="#" title="Les accessoires">Accessoires</a></li>
</ul>
</div>
<!-- Colonne du Compte -->
<div id="compte">Pied de Page et Mentions</div>
</div>
</body>
</html>Le CSS :
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0; /* pour éviter les marges */
padding: 0;
background: url(../_gui/bg_pattern.jpg) repeat;
}
h1 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}
#global {
margin: 0 auto;
width: 1388px;
height: auto;
text-align: left;
}
#global p {
margin: 0;
}
#blocgauche {
float: left;
width: 245px;
background-color: #707070;
color: white;
}
#blocdroit {
float: right;
width: 245px;
background-color: #7F7F7F;
color: white;
}
#blocnotes {
margin-left: 245px;
margin-right: 245px;
width: 898px;
height: 602px;
background-image: url(../_gui/bg_blocnotes.jpg);
}
ol, ul {
float: right;
list-style:none;
margin: 0;
}
#navhoriz li {
display: inline;
color: #fff;
background: #c00;
}
#compte {
clear: both;
width: 1388px;
background-color: black;
margin: 0;
}Pourriez-vous s'il vous plaît m'aider à comprendre ce qui fait qu'IE6 décale mon menu vers le bas ? Je continue de chercher ce que je pense être un bug IE6, mais au vu de tout ce que j'ai déjà essayé (mais j'ai peut-être "mal essayé"), je suis à court d'idées
... J'aurais bien besoin d'un zieutage extérieur ! Un grand merci d'avance et bonne journée !
