décallage menu en "absolute" sous IE6
Bonjour
J'essaye de faire une page toute bête avec un menu et une partie pour le contenu :
http://www.noelshack.com/uploads/160...age1081915.PNG
Ceci est l'aperçu de ce que je veux avoir. Actuellement ça fonctionne sous Firefox et Opera mais pas du tout sous IE 6...
Aperçu sous IE 6 :
http://www.noelshack.com/uploads/160...geIE095404.PNG
Comme vous pouvez le voir, mon menu se superpose avec ma partie pour le contenu... J'ai sans doute fait un truc à ne pas faire, mais pourquoi est ce que mon menu se superpose? Mon menu est-il pas censé se placer tout à gauche du div qui l'englobe, étant donné qu'il est en absolute?
Merci d'avance
Mon code HTML :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| <!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" xml:lang="en" lang="fr">
<head>
<title>Titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style2.css" />
</head>
<body>
<div id="contenu">
<div id="gauche">Home<br />Contact<br />Etc<br /></div>
<div id="droite">le contenu de la page.............<br />le contenu de la page.............<br /></div>
</div>
</body>
</html> |
Mon code CSS :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| #contenu {
margin-left:auto;
margin-right:auto;
width:900px;
background-color:green;
border:1px solid blue;
}
#gauche {
width:150px;
position:absolute;
background-color:green;
border:1px solid yellow;
}
#droite {
margin-left:154px;
background-color:red;
height:500px;
border:1px solid white;
} |