Menu déroulant IE6

**fccman** · 04/09/2008, 13h25

Bonjour tout le monde je me trouve en conflit avec ie6 pour un menu déroulant surprenant non?
Bref je vosu expose mon probleme quand je mets mon menu déroulant tout fonctionne sous opera firefox safari et meme gogole chrome. Mais sous ie6 mon menu déroulant ne se déroule pas j ai fait le tutorial présent a cette adresse http://www.6ma.fr/tuto/votre+menu+deroulant+css+2-400 mais mon menu ie 6 rien alors je désirerai que vous m'aidiez si vous le pouvez je vous poste mon bout de code mon menu ainsi que mon code css pour le menu. (menu généré en php depuis base de données)

Mon div contenant le menu

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
 
<div class="menu"> 
      <?php 
      while($menutraiter = mysql_fetch_array($menu)) 
      { 
         echo "<ul> <li >"; 
         if($menutraiter['TitreMenu']== "Accueil") 
         { 
            echo '<a href="index.php"> Accueil<!--[if IE 7]><!--></a><!--<![endif]--> 
<!--[if lte IE 6]><table><tr><td><![endif]-->'; 
         }elseif($menutraiter['TitreMenu']== "Hardware") 
         { 
            echo '<a href="hardware.php"> Hardware<!--[if IE 7]><!--></a><!--<![endif]--> 
<!--[if lte IE 6]><table><tr><td><![endif]-->'; 
         } 
         else 
         { 
            echo "<a href='#'>"; echo $menutraiter['TitreMenu']; echo"<!--[if IE 7]><!--></a><!--<![endif]--> 
<!--[if lte IE 6]><table><tr><td><![endif]-->"; 
 
         } 
 
         $id = $menutraiter['IDMenu']; 
 
         $sreq = "SELECT * FROM tblSousMenu WHERE tblMenu_IDMenu = $id"; 
 
         $smenu = mysql_query($sreq); 
         ?> 
          <ul> <?php 
                while($sousmenutraiter = mysql_fetch_array($smenu)) 
               { 
                  if($sousmenutraiter['tblMenu_IDMenu'] == $menutraiter['IDMenu']) 
                  { 
                     $var = $sousmenutraiter['IDSousMenu'];?> 
                     <li> 
                     <a href=<?php echo "index.php?"; echo "idpage="; echo $var; ?> > 
                     <?php echo $sousmenutraiter['TitreSousMenu']; ?> 
                     </li> 
                     <?php 
 
                  } 
 
               } 
               ?> 
 
          </ul> 
          <!--[if lte IE 6]></td></tr></table></a><![endif]--> 
         <?php 
 
      }  ?> 
 
</div>

Mon css corespondant au menu

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
*{padding:0; margin:0;} 
body {font-size:62.5%; font-family:verdana,arial,sans-serif;} 
 
.menu {white-space:nowrap /*IE hack*/; float:left; width:900px; border:none; background:rgb(225,225,225); color:rgb(0,0,0); font-size:130%;} 
.menusanslien {float:none !important /*Non-IE6*/; float:left /*IE-6*/; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);} 
.menu ul {list-style-type:none;} 
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);} 
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);} 
.menu ul li ul {display:none; border:none;} 
 
/*Non-IE6 hovering*/ 
.menu ul li:hover {position:relative;} 
.menu ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} 
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;} 
.menu ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} 
.menu ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} 
 
/*IE6 hovering*/ 
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;} 
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:rgb(210,210,210); text-decoration:none;} 
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0; margin-top:0.1em;} 
.menu ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} 
.menu ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} 
 
@media print {.menu {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}

merci d'avance de votre réponse car je suis vraiment bloqué en ce moment