[Résolu] [CSS]Probleme de mise en page avec IE (pour changer) - C'est en 800*600 par shigen - page 1

Bonjour,
J'ai un problème pour mettre en page correctement. Sous FF, ça marche très bien dans toutes les résolutions. Or sous IE, la page m'affiche des trucs bizarres en 800*600.
Un exemple en 1024*... :

et un exemple en 800*600 :
ici

Voici le code :

<!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>Chalets-Belleville</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="menu.css" rel="stylesheet" type="text/css" title="Normal">
</head>

<body>
<div id="titre">
<a href="index.php"><img src="images/titre.gif" /></a>
</div>
<div id="contenu">
<h1 align="center"><?php echo $tab['1']?></h1>
<p>Bienvenue sur le site des chalets de Belleville où vous pourrez trouver de nombreux appartements chaleureux et conviviaux, dans un cadre agréable qui vous permettront de passer des séjours réussies.</p>
<p align="center"><img src="photos/photoaccueil.png"></p>
<p>Tous situés dans "Les 3 Vallées", profitez du domaine skiable le plus grand du monde.</p>

</div>
</body>
</html>

et voici le CSS :

body {
margin-left: 5%;
padding: 0;
font: 80% verdana, arial, sans-serif;
background: #F1EAA3;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
margin-top: 100px;
margin-left: 5%;
z-index:100;
width: 795px;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #D39E21;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #FFEB77;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}
#menu li a:hover, #menu dt a:hover {
background: #FFF8DC;
}

#contenu {
/*margin-top: 20%;
z-index: 99;*/
position: absolute;
z-index: 99;
margin-top: 4%;
margin-left: 10%;
margin-right: 25%;
color: #000;
background-color: #E2C172;
border: 1px solid gray;
width: 670px;
}

#titre {
margin-left: 10%;

}
#titre a{
color: #F1EAA3;
}

#langue{
float: left;
width: 10px;
margin-top: 100px;
}
a img
{
border:0;
}

Si vous avez besoin du code du menu il suffit de demander.

Si vous n'avez pas compris, c'est qu'en 800*600 le titre passe en dessous du menu.
Merci de votre aide.

[CSS]Probleme de mise en page avec IE (pour changer)

C'est en 800*600

[CSS]Probleme de mise en page avec IE (pour changer)

Supprimer

Modérer

Signaler le message aux modérateurs