Menu déroulant ie6 et php
Posté : 04 sept. 2008, 13:15
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
Mon css corespondant au menu
merci d'avance de votre réponse car je suis vraiment bloqué en ce moment 
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 : 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>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%;}}