[Résolu] Problème de positionnement CSS - avec Internet Explorer par Samuel_222 - page 1

Salut, je me suis arrangé un design Xhtml à partir d'un kit graphique mais il affiche des imperfections sur Internet Explorer.

Voici ma page :

<!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" lang="fr">
<head>
<title>Bienvenue sur mon site!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="Description" content="OPLA" />
<meta name="Keywords" content="OPLA" />
<link rel="stylesheet" type="text/css" href="liste.css" />
<link rel="stylesheet" type="text/css" href="menu.css" />
<link rel="stylesheet" type="text/css" href="site.css" />
</head>

<body>
<div id="contenu">

<div class="logo">
<div class="menu">
<ul>
<li class="lien_index2"><a href="index.php" >Acceuil</a></li>
<li class="lien_liens"><a href="index.php?page=2">Mes Sites</a></li>
<li class="lien_liens"><a href="index.php?page=3">Blog</a></li>
<li class="lien_liens" ><a href="index.php?page=4">Liens</a></li>
</ul>
</div>

</div>

<div class="englobe">
<div class="page"><h1>EDITO</h1><p class="para_court">Ce site a pour but de présenter mes créations sur le web.</p></div>

<div class="bas"></div>

<div class="centre">

<h1>Nouvelle News</h1><p class="commentaires">Nouvelle ajoutée le (04/01/2006). | <a href="index.php?page=1&action=lirecommentaires&id_news=1" class="class3">0 commentaires.</a></p><p class="para_court"><img src="images_ajoutees/http.png" class="img_005" alt="" />Texte de la news.</p><div class="spacer_news"></div>

</div>

<div class="spacer"></div>

<div class="page"></div>

<div class="bas"></div>

<div class="spacer2"></div>
<p class="copyright">Design par <a href="http://www.zwatla.com/" class="class3">zwatla</a> valide Xhtml 1.0 Strict et CSS 2.0.</p>
</div>
</div>
</body>

</html>

Voici un extrait de site.css :

html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
background-color : #333;
text-align : center;
font-family : verdana;
font-size : 11px;
color : #000;
}

.logo {
width : 690px ;
height : 50px ;
background-color : transparent;
margin-left : auto;
margin-right : auto;
padding : 4px ;
background-image : url(images/header.png);
background-position : right;
background-repeat : no-repeat;}

.menu {
width : 390px ;
height : 30px;
background-color : #333;
margin-left : 15px;
margin-top : 15px;
padding : 4px;
text-align : center}
html>body .menu{ height: auto; min-height: 30px;}

Le problème est le suivant : sous Intenet Eplorer, le menu en haut se met en plein milieu et non à gauche, ce qui a pour effet de masquer l'image d'arrière plan.
Pourriez-vous m'aider ?

Merci

EDIT : je clarifie mon propos en insérant des captures d'écran :

Image utilisateur

L'effet correct obtenu sous firefox.

Image utilisateur

Le résultat sous Internet Explorer.

Problème de positionnement CSS

avec Internet Explorer

Problème de positionnement CSS

Supprimer

Modérer

Signaler le message aux modérateurs