suckerfisch dropdown IE 6 funktioniert nicht mehr

brettlschupfer

Hallo

habe folgendes Problem

ich benutze das suckerfish Dropdown Menü. hat auch alles wunderbar funktioniert, bis heute. Irgendwie funktioniert es im Internet Explorer auf einmal nicht mehr (hat immer funktioniert)

vielleicht, weiß ja einer von euch, wieso es nicht mehr funktioniert

hier der CSS Code für das Menü

Code

#suckerfishnav {
    background:#fdebc6 repeat-x;
    font-size:10.5px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:999px;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#15385b;
    text-decoration:none;
    padding:0px 21.05px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:163px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:161px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding-top:5px;
padding-bottom:5px;
padding-left:20px;
    width:130px;
    font-size:10.5px;
    color:#15385b;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#d5d5ff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#15385b;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#15385b;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#15385b;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fdebc6;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#d5d5ff;
    }

Alles anzeigen

im FF wird alles so angezeigt wie ich es will

dann ist dieser code im header

Code

<!--[if lte IE 7]>
<script type="text/javascript" src="http://mbedv.users.aboliton.at/suckerfish_ie.js"></script>
<![endif]-->

und in der .js datei steht folgendes

Code

function sfHoverEvents(sfEls) {
  var len = sfEls.length;
  for (var i=0; i<len; i++) {
    sfEls[i].onmouseover=function() {
      this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
      this.className=this.className.replace(" sfhover", "");
    }
  }
}
function sfHover() {
var ULs = document.getElementsByTagName("ul");
var len = ULs.length;
  for(var i=0;i<len;i++) {
    if(ULs[i].className.indexOf("sf-menu") != -1)
      sfHoverEvents(ULs[i].getElementsByTagName("li"));
  }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

Alles anzeigen

ich hoffe es kann mir wer helfen!

danke im voraus

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Ammaletu

Zuerst mal die Frage: Ist das schlimm? Hast Du eine Business-Webseite, die vermehrt von Leuten besucht wird, die mit extrem veralteter Software im Netz unterwegs sind? Ansonsten wüsste ich keinen Grund, warum der IE6 Ende 2009 noch jemanden interessieren sollte. Teste die Seite im IE8 und meinetwegen im IE7 (über F12 erreichbar im IE8), und wenn sie da geht ist doch gut. :-)

brettlschupfer

Die Seite ist für eine EDV Firma, wo es glaub ich blöd kommt, wenn die nicht in allen Browser funktioniert, deswegen MUSS sie im IE6 funktionieren. Laut Statistik sind 10% aller Besucher noch mit dem IE6 unterwegs was auch dafür spricht.

Hab es übrigens hinbekommen. Und zwar habe ich ein anderes Javascript ausprobiert:

Code

sfHover = function() {
    var sfEls = document.getElementById("suckerfishnav").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);

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

suckerfisch dropdown IE 6 funktioniert nicht mehr

Jetzt mitmachen!