18 Novembre 2017 à 05:46:14

Auteur Sujet: Menu déroulant et ie6  (Lu 1747 fois)

fccman

  • Nouveau membre
  • *
  • Messages: 1
  • Points gagnés: 0
    • Voir le profil
Menu déroulant et ie6
« le: 04 Septembre 2008 à 13:59:44 »
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



 
<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


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