z-index ne marche pas sous ie6 (je craque)

**123quatre** · 16/10/2010, 02h46

bonsoir,

je bute depuis plusieurs heures sur un bug ie6, ce n'était pas le seul sur lequel je bloquais mais il ne reste que celui là à régler et je serais enfin tranquille.

J'ai un menu déroulant vertical que j'ai construit, le problème c'est que le menu de second niveaux ne veut pas se superposer sur celui du premier niveau malgré le z-index. Sous FF c'est impec, sous ie6 ça foire.

voici mon code, si vous pouviez m'aider vous me soulageriez énormément:

Code :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title></title>
  </head>
<style type="text/css">
<!--
 
 
* {
	margin: 0;
	padding: 0;
}
div#menu {
	width: 100px;
}
div#menu ul {
	padding: 0;
	width: 100px;
	border: 1px solid green;
	margin: 0px;
	background: yellow url();
	position: absolute;
	z-index: 1;
}
 
div#menu ul li {
	position: relative;
	list-style: none;
}
div#menu ul ul {
	position: absolute;
	top: 0px;
	left: 10px;
	display: block;
	background: red url();
	z-index: 999;
	border: 1px solid black;
}
div#menu li a {
	text-decoration: none;
}
//-->  
 
</style>  
  <body>
    <div id="menu">
       <ul>
          <li><a href="">menu 1</a></li>
          <li><a href="">menu 2</a>
             <ul>
                <li><a href="">Sous menu 2.1</a></li>
                <li><a href="">Sous menu 2.2</a></li>
             </ul>
          </li>
          <li><a href="">menu 3</a></li>
          <li><a href="">menu 4</a></li>
          <li><a href="">menu 5</a></li>
       </ul>
    </div>
  </body>
</html>

merci d'avance !

**Hayaxx** · 21/10/2010, 03h31

Avec copain Google on trouve ce genre de choses : http://bidouilleur.com/ie6-et-z-index-la-solution/

Mais très franchement, je pense qu'il faut arrêter de se soucier d'IE6 et aller un peu de l'avant

**123quatre** · 21/10/2010, 10h47

Envoyé par Hayaxx

Mais très franchement, je pense qu'il faut arrêter de se soucier d'IE6 et aller un peu de l'avant

Moi je pense qu'il faut être réaliste mon ami: quand tu as 10% de tes visiteurs qui sont sous ie6, tu dois te soucier de ce navigateur à moins d'être un fou inconscient

**Hayaxx** · 21/10/2010, 15h34

Tu as encore 10% d'IE6

?? Vérifié par analyse ?

Sinon tu as testé le lien que je t'ai donné ?

**{F-I}** · 21/10/2010, 16h50

Personnellement, je rejoins l'avis de Hayaxx, il est largement le temps de passer à l'avant, on ne peut pas s'éterniser avec le support IE6, c'est déjà bien rempli de faille et entre autre (fonctionnalité, comptabilité, etc...)

z-index ne marche pas sous ie6 (je craque)

Positionnement en CSS avec z-index

Discussions similaires

Partager

Partager