Bref je vosu expose mon probleme quand je mets mon menu déroulant tout fonctionne sous opera firefox safari et meme gogole
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%;}}