Avatar billede boxer Praktikant
13. september 2010 - 10:49 Der er 9 kommentarer og
1 løsning

Dropdown virker ikke i IE6

Hej,

Jeg har brugt en del tid på at finde en dropdown menu der virker i IE6 og uden z-index problemer.

Jeg startede ud med denne: http://www.cssmenumaker.com/builder/menu_info.php?menu=057
som jeg har lavet en del ændringer på, blot for at finde ud af at dropdown funktionen ikke virker i IE6.
JEg har googlet og foprsøgt mig med de løsninger jeg fandt, kunne dog ikke få det til at virke.

Der gives max point da jeg simpelthen er træt af at bruge så meget tid på at finde en løsning.

Min css ser sådan ud:
.menubbc{
    border: 1px solid #4f91b6;
    border-top:none;
    margin: -4px 0px 4px 0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
   
.menubbc ul{
    background:#20354c url("images/bg_list.gif");
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}
   
.menubbc li{
    float:left;
    padding:0px;
}
   
.menubbc li a, .menubbc li a:visited{
    background: url("images/seperator.gif") bottom right no-repeat;
    color:#ffffff;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 10px;
    text-decoration:none;
}
   
.menubbc li a:hover, .menubbc ul li:hover a{
    background: #20354c url("images/hover.gif") bottom center no-repeat;
    color:#FFFFFF;
    text-decoration:none;
}
   
.menubbc li ul{
    background:#20354c;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:180px;
    z-index:200;
    /*top:1em;*/
    /*left:0;*/
}
   
.menubbc li:hover ul{
    display:block;
}
   
.menubbc li li {
    background:url("images/sub_sep.gif") bottom left no-repeat;
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:180px;
}
   
.menubbc li:hover li a{
    background: url("images/seperator.gif") bottom right no-repeat;
}   
   
.menubbc li ul a{
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
   
.menubbc li ul a:hover, .menubbc li ul li:hover a{
    background:#000000 url("images/hover_sub.gif") center left no-repeat;
    color:#ffffff;
    text-decoration:none;
}

.menubbc p{
    clear:left;
}

Hvordan får jeg aktiveret hover for IE6 i denne menu?
Avatar billede nemlig Professor
13. september 2010 - 11:21 #1
Min anbefaling: Drop understøttelse til IE6, som er forældet og med flere alvorlige sikkerhedsbrister.

Tjek i stedet for brugerens browser-version, og hvis IE6, så giv en melding om, at brugeren anvender en forældet browser, som ikke understøtter et moderne website. Link evt. til en opdatering.
Avatar billede nemlig Professor
13. september 2010 - 11:22 #2
Avatar billede boxer Praktikant
13. september 2010 - 11:39 #3
Jeg bruger allerede nu en lignende besked til IE6 eller under brugere.
Jeg er enig i betragtningerne vedr. IE6

Men der findes dog stadig en lille procentdel der bruger den.

Det kan fixes med css eller et JS, man skal bare vide hvordan.
Derfor spørger jeg her.
Avatar billede zips Juniormester
13. september 2010 - 16:54 #4
Avatar billede boxer Praktikant
13. september 2010 - 20:11 #5
zips, det er en af de løsninger der er prøvet.
Der må mangle noget for det virker ikke.
Avatar billede zips Juniormester
13. september 2010 - 22:15 #6
Jeg har taget den menu som man kan downloade og indsat det hack og det virker fint i IE6

Jeg har nu også prøvet med din css og den virker også fint i IE6, så fejlen må ligge et andet sted.
Avatar billede zips Juniormester
13. september 2010 - 22:38 #7
Her er din menu med det hack til IE6 http://zips.be/exp/918668/ som virker i IE6
Avatar billede boxer Praktikant
13. september 2010 - 23:27 #8
Zips, jeg har sendt dig en intern meddelse.
Avatar billede zips Juniormester
14. september 2010 - 16:29 #9
Jeg har kikket på din mail, fint du fandt en anden løsning som virker, jeg springer point over nu du selv fandt en løsning med suckerfish :-)
Avatar billede boxer Praktikant
16. september 2010 - 15:34 #10
Så siger jeg mange tak for hjælpen.
Og et link til løsningen: http://www.alistapart.com/articles/dropdowns
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester