menu deroulant fonctionnant sous ie6 mais pas sous ie8

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par tribalwar, 6 Juillet 2010.

  1. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    bonjour,
    Je viens de m'apercevoir que mon menu déroulant qui fonctionne sous ie6 refuse de fonctionner sous ie8. Prends-en donc un autre me direz-vous... oui mais il faudrait revoir toute la structure du site alors qu'il ne s'agit peut-etre que d'un petit détail. Bref, je vous soumets le code et la css.

    <html>
    <head>
    <link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <div class="mainmenu">
    <ul>
    <li class="li_nc"><a href="#" target="_self" >Accueil</a></li>
    <li class="li_hc">
    <div align="left"><a href="#" target="_self" >menu</a>
    <ul class="ul_ch">
    <li class="li_nc"><a href="#" target="_self" >sousmenu 1</a></li>
    <li class="li_nc"><a href="#" target="_self" >sousmenu 2</a></li>
    <li class="li_nc"><a href="#" target="_self" >sousmenu 3</a></li>
    </ul>
    </div>
    </ul>
    </div>
    </body>
    </html>


    @charset "utf-8";
    /* CSS Document */


    body {
    background-color: #CCCCCC;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;


    /* for pull-down menu to work in IE6*/
    behavior:url("csshover2.htc");

    }

    /* pull-down mainmenu css */
    .mainmenu1{
    float: left;
    width: 100%;
    padding: 0;
    }
    .mainmenu ul {
    float: left;
    width: 100%;
    list-style: none;
    line-height:0;
    color:#FFFFCC;
    background: #67841A;
    padding: 0;
    border: solid #666666;
    border-width: 1px 0;
    margin: 0 0 1em 0;
    }

    .mainmenu a, .mainmenu a:visited {
    display: block;
    font-family:trebuchet MS;font-size:12px;font-weight:bold;font-style:normal;text-decoration:underline;
    color: #FFFFCC;
    text-decoration: none;
    padding: 1em 1em;
    }
    .mainmenu ul ul a{
    width:100%;
    height:100%;
    }
    .mainmenu ul a{
    width:1%;
    }


    .mainmenu li {
    float: left;
    margin:0;
    padding:0;
    }

    .mainmenu ul li {float:left; position:relative; }
    .mainmenu ul li a {white-space:nowrap;}

    .mainmenu li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width:8em;

    background: #67841A;
    font-weight: normal;
    border-width: 1px;
    margin: 0;
    }

    .mainmenu li li {
    width:8em ;
    }

    .mainmenu li li a{
    width:8em ;
    }

    .mainmenu li ul {
    margin: 0;
    }
    .mainmenu li ul ul {
    margin: -2.8em 0 0 13.5em;
    }
    .ul_ch,
    .mainmenu li:hover ul ul,
    .mainmenu li li:hover ul ul,
    .mainmenu li li li:hover ul ul,
    .mainmenu li li li li:hover ul ul,
    .mainmenu li li li li li:hover ul ul
    {
    left: -999em;
    }
    .mainmenu li:hover ul,
    .mainmenu li li:hover ul,
    .mainmenu li li li:hover ul,
    .mainmenu li li li li:hover ul,
    .mainmenu li li li li li:hover ul
    {
    left: auto;
    }
    .mainmenu li:hover>ul.ul_ch
    {
    left: auto;
    }

    .mainmenu li:hover{
    background: #77991E;
    }

    .mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
    color:#CC3300;
    }
    .mainmenu li:hover li a, .mainmenu li li:hover li a,
    .mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
    .mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
    .mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
    {
    color:#FFFFCC;
    }
    .mainmenu li li:hover, .mainmenu li li li:hover,
    .mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover
    {
    background: #77991E;
    z-index:9999;
    }
    .mainmenu li li:hover a,.mainmenu li li li:hover a,
    .mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
    {
    color: #FFFFCC;
    }

    .mainmenu ul ul a, .mainmenu ul ul a:visited,
    .mainmenu li li a, .mainmenu li li a:visited
    {
    color: #FFFFCC;
    }
    .mainmenu ul ul a:hover,
    .mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
    .mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
    .mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
    .mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
    .mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
    color: #FFFFCC;
    }
    .mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
    .mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
    .mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
    .mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
    color: #FFFFCC;
    }


    /* end of mainmenu css */
     
  2. Dr DLP
    Dr DLP WRInaute impliqué
    Inscrit:
    29 Juin 2003
    Messages:
    525
    J'aime reçus:
    0
    Peux tu donner un lien et/ou décrire le problème?
     
  3. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    RESOLU: j'avais oublié
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    Merci
     
  4. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 274
    J'aime reçus:
    0
    et pour ie7 et ie8, plus besoin d'avoir le hack, ça fonctionne directement en css
     
Chargement...
Similar Threads - menu deroulant fonctionnant Forum Date
JS : script menu déroulant fonctionnant sur FF, IE8, WK mais pas IE6 et 7 ! Développement d'un site Web ou d'une appli mobile 13 Avril 2010
Astuce Bootstrap/menu déroulant Demandes d'avis et de conseils sur vos sites 26 Mai 2020
problème lien menu deroulant sur wix Demandes d'avis et de conseils sur vos sites 23 Janvier 2019
Mieux vaut-il un select ou un menu déroulant CSS Développement d'un site Web ou d'une appli mobile 15 Mars 2017
Vers la fin du menu déroulant? Administration d'un site Web 17 Avril 2016
Question sur menu déroulant Développement d'un site Web ou d'une appli mobile 20 Janvier 2016
Récupération des données d'un menu déroulant en HTML Développement d'un site Web ou d'une appli mobile 22 Septembre 2015
Comment faire pour avoir ce menu déroulant sur Bing Référencement Bing 21 Avril 2015
Mon ménu déroulant décale tous les éléments qui se trouvent après Développement d'un site Web ou d'une appli mobile 18 Janvier 2015
Fermer OnMouseOver menu déroulant Développement d'un site Web ou d'une appli mobile 18 Novembre 2014
Niveau et importances des URL dans menu déroulant Débuter en référencement 28 Juillet 2014
menu déroulant qui ne fonctionne pas Développement d'un site Web ou d'une appli mobile 18 Juin 2014
Menus déroulants (html + css) et Référencement Débuter en référencement 11 Septembre 2013
Menu déroulant SEO Débuter en référencement 6 Septembre 2013
Faire un sous-menu déroulant Développement d'un site Web ou d'une appli mobile 29 Août 2013
Indexation avec fil d'ariane composé de menus déroulants css Référencement Google 27 Avril 2013
Menu déroulant sur image css Développement d'un site Web ou d'une appli mobile 5 Janvier 2012
Probleme de menu déroulant Développement d'un site Web ou d'une appli mobile 23 Août 2011
centrer menu horizontal deroulant Développement d'un site Web ou d'une appli mobile 28 Juin 2011
Menu déroulant indéxé par Google Débuter en référencement 30 Mars 2011