Menu déroulant ie6 et php

fccman
Invité n'ayant pas de compte PHPfrance

04 sept. 2008, 13:15

Bonjour tout le monde je me trouve en conflit avec ie6 pour un menu déroulant surprenant non? :lol:
Bref je vosu expose mon probleme quand je mets mon menu déroulant tout fonctionne sous opera firefox safari et meme gogole :P 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) :wink:

Mon div contenant le menu

Code : Tout sélectionner

<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 : Tout sélectionner

*{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 :oops:

Petit nouveau ! | 1 Messages

26 mai 2009, 07:27

si tu as toujours pas réglé tont pb on peut faire une menu déroulant compatible ie6 sans js
http://bormat2.free.fr/#menu_dépliant
grace au if ie et il faut mettre des hover que sur les <a>