Layermenü IE & Firefox

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Duffi, 13. November 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 13. November 2006
    Hi @ all,

    Ich hab das Problem, das das Layermenü einwandfrei im Firefox angezeigt wird, aber im Internet Explorer nicht mehr, vielleicht kann mir jemand helfen was ich ändern muss um das Problem zu beheben.

    Greetz


    Code:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
     font-family: arial, helvetica, serif;
    }
    
    ul { /* all lists */
     padding: 0;
     margin: 0;
     list-style: none;
    }
    
    li { /* all list items */
     float: left;
     position: relative;
     width: 173px;
    }
    
    li ul { /* second-level lists */
     display: none;
     position: absolute;
     top: 4em;
     left: 0;
    }
    
    li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
     top: 0px;
     left: 160px;
     background-color:#dbc697;
     border-top:1px solid #595959;
     border-left:1px solid #595959;
     border-bottom:1px solid #595959;
     border-right:1px solid #595959;
     }
    
    li:hover ul, li.over ul { /* lists nested under hovered list items */
     display: block;
     
    }
    .druff:hover{
     background-color:#595959;
    }
    
    </style>
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    startList = function() {
     if (document.all&&document.getElementById) {
     navRoot = document.getElementById("nav");
     for (i=0; i<navRoot.childNodes.length; i++) {
     node = navRoot.childNodes[i];
     if (node.nodeName=="LI") {
     node.onmouseover=function() {
     this.className+=" over";
     }
     node.onmouseout=function() {
     this.className=this.className.replace(" over", "");
     }
     }
     }
     }
    }
    window.onload=startList;
    
    //--><!]]></script>
    
    </head>
    
    <body background="images/hintergurnd.jpg">
    
    
    <div id="Layer1"></div>
    <div id="navi" ><ul id="nav"><br />
    
     <li><a href="index.php">&not; Aktuell</a>
     
     </li>
    
     <br /><br /><li><a href="site/ueberuns.php">&not;</a>
     
     </li>
    
     <br /><br /><li><a href="site/vita.php">&not; Vita</a>
     
     </li>
     <br /><br /><li><a href="site/freiearbeiten.php">&not; Freie Arbeiten</a>
     <ul>
     <li class="druff"><a href="">&nbsp;moderne Skulpturen</a></li>
     <li class="druff"><a href="">&nbsp;Beispiel </a></li>
     <li class="druff"><a href="">&nbsp;Beispiel </a></li>
     </ul>
     </li>
     <br /><br /><li><a href="site/auftragsarbeiten.php">&not; Auftragsarbeiten</a>
     <ul>
     <li class="druff"><a href="">&nbsp;Grippen </a></li>
     <li class="druff"><a href="">&nbsp;Masken </a></li>
     <li class="druff"><a href="">&nbsp;Figuren </a></li>
     <li class="druff"><a href="">&nbsp;Holzmöbel </a></li>
     <li class="druff"><a href="">&nbsp;Außenskulpturen </a></li>
     <li class="druff"><a href="">&nbsp;Grabgestaltung </a></li>
     </ul>
     </li>
     <br /><br /><li><a href="site/kontakt.php">&not; Kontakt</a>
     </li>
    
    </ul>
    </div>
    <div id="banner"></div>
    <div id="content"> 
    <div id="contentup"> 
    
     </div>
     <div id="fooder">
     
     </div>
    </div>
    
    </body>
    </html>
    
     
  2. 14. November 2006
    AW: Layermenü IE & Firefox

    Code:
    <link href="style.css" rel="stylesheet" type="text/css" />
    her damit.
     
  3. 15. November 2006
    AW: Layermenü IE & Firefox

    das problem hat sich erledigt, danke nochmals!!
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.