Avatar billede simm Nybegynder
25. februar 2008 - 19:23 Der er 5 kommentarer og
1 løsning

Son of Suckerfish-menu virker ikke i IE6

Hej jeg har en son of suckerfish-menu på en hjemmeside. Den virker fint i IE7 og FX, men ikke i IE6

HTML
-----------------------
<div id="menu_place">
<ul id="nav">
<li><a href="/altaner.aspx">Altaner</a>
<ul><li><a href="/altaner/test.aspx">test</a></li>
</ul>
</li>
<li><a href="/carporte.aspx">Carporte</a></li>
<li><a href="/traehuse.aspx">Træhuse</a></li><li><a href="/erhverv.aspx">Erhverv</a></li><li><a href="/kontakt.aspx">Kontakt</a></li></ul>   
    </div>
    <div style="clear: left;"></div>

CSS
-------------------------------------------
#nav, #nav ul {
    float: left;
    width: 800px;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;
    margin: 0 0 1em 0;
}

#nav a {
    display: block;
    width: 10em;
    w\idth: 6em;
    text-decoration: none;
    padding: 0.25em 2em;
    font: normal 10pt/12pt arial;
}

#nav li {
    float: left;
    padding: 0;
    width: 10em;
}

#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 14.4em;
    w\idth: 13.9em;
    font-weight: normal;
    border-width: 0.25em;
    margin: 0;
}

#nav li li {
    padding-right: 1em;
    width: 9em;
    background-color: #ffffff;
}

#nav li ul a {
    width: 13em;
    w\idth: 9em;
}

#nav li ul ul {
    margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
background-color: #ffffff;
}

SFHover (hover-script til IE6)
-------------------------------
<script type="text/javascript">
sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i>sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

</script>
Avatar billede simm Nybegynder
25. februar 2008 - 19:30 #1
Hvad gør jeg? :)
Avatar billede simm Nybegynder
25. februar 2008 - 21:10 #2
Jeg skal måske lige nævne at problemet ligger i, at undermenuen ikke bliver vist.
Avatar billede simm Nybegynder
07. marts 2008 - 14:11 #3
Glemte lige at skrive et svar her.. jeg installerede en hover-behavior specifikt til IE6 så lykkedes det. Af en eller anden mærkelig grund ville IE ikke benytte hover-scriptet

http://www.xs4all.nl/~peterned/csshover.html
Avatar billede simm Nybegynder
07. marts 2008 - 14:11 #4
lukker
Avatar billede olebole Juniormester
07. marts 2008 - 15:29 #5
<ole>

Det er ikke så mærkeligt, da IE6 er en halvgammel browser, som ikke understøtter CSS 2.1. Til gengæld bruger den omtalte behavior en elendigt performende fremgangsmåde - nemlig skift af CSS-klasser.

Den gode fremgangsmåde er at udforme sit design i overensstemmelse med de teknologier, der er bredt understøttet  ;o)

/mvh
</bole>
Avatar billede celfa Nybegynder
07. marts 2008 - 20:15 #6
Jeg fik mit til at virke ved at smide dette i headeren
<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>
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