Ergebnis 1 bis 5 von 5
  1. #1
    duerov ist offline Jungspund
    registriert
    17-11-2005
    Beiträge
    11

    CSS-Layout Menü IE6 <-- Problem

    Guten Morgen,
    ich habe folgendes Problem. Hab auf meiner Homepage ein Javascriptmenü das unter dem Firefox (1.0.6) tadellos funktioniert. Wenn ich die Seite allerdings im Internet Explorer (bei mir Version 6.0) aufruf kommt kein Menü. Er sagt auch nicht, dass da was fehlt oder nicht dargestellt werden kann, es ist einfach nichts da (JavaScript ist im IE aktiviert).
    Hat da jemand einen Tipp woran das liegen könnte?
    Gruß und Dank im Voraus
    duerov


    PS. Der Vollständigkeit halber hier mal das Menü (erwarte nicht, dass sich das einer durchließt!):
    Code:
    Code:
    <script type="text/javascript">
    
    if(!window.Node){
       var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
    }
    function checkNode(node, filter){
       return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
    }
    function getChildren(node, filter){
       var result = new Array();
       var children = node.childNodes;
       for(var i = 0; i < children.length; i++){
          if(checkNode(children[i], filter)) result[result.length] = children[i];
       }
       return result;
    }
    function getChildrenByElement(node){
       return getChildren(node, "ELEMENT_NODE");
    }
    function getFirstChild(node, filter){
       var child;
       var children = node.childNodes;
       for(var i = 0; i < children.length; i++){
          child = children[i];
          if(checkNode(child, filter)) return child;
       }
       return null;
    }
    function getFirstChildByText(node){
       return getFirstChild(node, "TEXT_NODE");
    }
    function getNextSibling(node, filter){
       for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
          if(checkNode(sibling, filter)) return sibling;
       }
       return null;
    }
    function getNextSiblingByElement(node){
       return getNextSibling(node, "ELEMENT_NODE");
    }
    
    // ||||||||||||||||||||||||||||||||||||||||||||||||||
    // Menu Functions & Properties
    
    var activeMenu = null;
    
    function showMenu(){
       if(activeMenu){
          activeMenu.className = "";
          getNextSiblingByElement(activeMenu).style.display = "none";
       }
       if(this == activeMenu){
          activeMenu = null;
       }else{
          this.className = "active";
          getNextSiblingByElement(this).style.display = "block";
          activeMenu = this;
       }
       return false;
    }
    function initMenu(){
       var menus, menu, text, a, i;
       menus = getChildrenByElement(document.getElementById("menu"));
       for(i = 0; i < menus.length; i++){
          menu = menus[i];
          text = getFirstChildByText(menu);
          a = document.createElement("a");
          menu.replaceChild(a, text);
          a.appendChild(text);
          a.href = "#";
          a.onclick = showMenu;
          a.onfocus = function(){this.blur()};
       }
    }
    
    // ||||||||||||||||||||||||||||||||||||||||||||||||||
    
    if(document.createElement) window.onload = initMenu;
    
    </script>
    Geändert von duerov (18-11-2005 um 16:01 Uhr)

  2. #2
    duerov ist offline Jungspund
    registriert
    17-11-2005
    Beiträge
    11

    AW: JavaScript Menü IE6 <-- Problem

    Kommando zurück!
    Mein Fehler, es hat nicht am JavaScript gelegen sondern an den CSS-Eigenschaften. Mit denen kommt der IE6 nicht zurecht, bzw. wurden die ja absichtlich rausgenommen. Jetzt weiß ich bloß nicht was ich dagegen tun soll. Hat da jemand nen Tipp?
    Gruß und Dank im Voraus
    duerov

    Hier ist der Übeltäter Smile :
    Code:
    <style type="text/css">
    
    body {
    background-color: #4215DB; // #faf7ec
    margin: 0;
    //padding: 50px 0 0 150px;
    }
    
    ul#menu {
    width: 100px;
    list-style-type: none;
    border-top: solid 1px #b9a894;
    margin: 0;
    padding: 0;
    }
    
    ul#menu ol {
    display: none;
    text-align: right;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    }
    
    ul#menu li,
    ul#menu a {
    font-family: verdana, sans-serif;
    font-size: 13px;
    color: #FFFFFF; //#785a3c
    }
    
    ul#menu li {
    border-bottom: solid 1px #b9a894;
    line-height: 20px;
    }
    
    ul#menu ol li {
    border-bottom: none;
    }
    
    ul#menu ol li:before {
    content: "+ ";
    }
    
    ul#menu a {
    text-decoration: none;
    outline: none;
    }
    
    ul#menu a:hover {
    color: #539dbc;
    }
    
    ul#menu a.active {
    color: #be5028;
    }
    
    </style>

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: JavaScript Menü IE6 <-- Problem

    Irgendwie wär's nicht schlecht, wenn Du das alles in eine HTML-Datei verpacken und es uns dann als Link anbieten würdest.
    Dann könnte man das gleich am 'lebenden' Beispiel angucken und dran rumwursteln.
    Es ist für viele (inklusive mir) einfach zu aufwendig die Snippets zusammenzubauen und dann erst dran rumzuschrauben.
    Du wirst dann auch viel eher einen Tipp kriegen...

  4. #4
    duerov ist offline Jungspund
    registriert
    17-11-2005
    Beiträge
    11

    AW: JavaScript Menü IE6 <-- Problem

    Hallo,
    Ich hab das Menü mal hochgeladen, wenn du im Hauptframe auf Menü klickst wird dir der Code angezeigt.
    http://duerov.du.funpic.de/
    Gruß!

  5. #5
    duerov ist offline Jungspund
    registriert
    17-11-2005
    Beiträge
    11

    AW: JavaScript Menü IE6 <-- Problem

    Jetzt wirds langsam peinlich, aber ich muss mein oben geschriebenes schon wieder als schmarrn abstempeln. Ich hab mir das Ganze immer bei einer Auflösung von 1024x768 angeschaut, wenn ichs mir allerdings auf 1280x1024 anschau seh ich das halbe Menü. Sprich, der IE interpretiert irgendwelche Abstände anders als der Firefox und schiebt mir das Menü unter mein Hauptframe. Jetzt muss ich halt irgendwie rausfinden, wie ich das einricht, dass es auf beiden Browsern gleich gut zu sehen ist. Also wenn da jemand einen Tip hat wär ich auch dankbar.
    Gruß
    duerov

    PS. Der Quelltext ist immernoch auf http://duerov.du.funpic.de zu bewundern :-)

Ähnliche Themen

  1. JavaScript Menü merkt sich Status nicht
    Von isd im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 03-09-2005, 16:35
  2. navi javascript problem - bitte um hilfe!!!
    Von petzi74 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 21-08-2005, 19:47
  3. Javascript Menü verzieht sich bei anderer Auflösung
    Von yve1971 im Forum CSS und (X)HTML
    Antworten: 14
    Letzter Beitrag: 14-08-2005, 19:08
  4. Aktives Menü mit JavaScript möglich?
    Von Kriegr im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 21-12-2001, 16:09
  5. Problem mit dem menü!
    Von Heavy_Metal im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 14-01-2001, 19:55

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •