décallage menu en "absolute" sous IE6

**Hell** · 09/07/2009, 18h37

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

**Macmillenium** · 09/07/2009, 22h10

Bonsoir,

Attribue un left:0 à ton menu, les valeurs de top/right/bottom/left appliquées par défaut sur les éléments en absolue différent d'un navigateur à l'autre.

**Hell** · 09/07/2009, 23h39

Merci.

Ca donne ceci :
http://www.noelshack.com/uploads/160...eIE2019149.PNG

Le menu sort carrément du bloc div, et la même chose se produit avec firefox