Weil der IE zu alt ist So müsste es aber trotzdem mit dem IE gehen: HTML-Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Hehe</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body, p a { font: normal 100.01% Helvetica, Arial, sans-serif; color: black; background-color: #ffffff; } div#Rahmen { width: 9.5em; padding: 0.0em; border: 0px solid black; background-color: #ffffff; } * html div#Rahmen { /* Korrektur fuer IE 5.x */ width: 48.7em; w\idth: 47.1em; } div#Rahmen div { clear: left; } ul#Navigation { margin: 0; padding: 0; text-align: center; } ul#Navigation li { list-style: none; float: left; /* ohne width - nach CSS 2.1 erlaubt */ position: relative; margin: 2.0em; padding: 10; } * html ul#Navigation li { /* Korrektur fuer den IE */ margin-bottom: -0.4em; } ul#Navigation li ul { margin: 0; padding: 0; position: absolute; top: 1.6em; left: -0.4em; display: none; /* Unternavigation ausblenden */ } * html ul#Navigation li ul { /* Korrektur fuer IE 5.x */ left: -1.5em; lef\t: -0.4em; } ul#Navigation li:hover ul { display: block; /* Unternavigation in modernen Browsern einblenden */ } ul#Navigation li ul li { float: none; display: block; margin-bottom: 0.2em; } ul#Navigation a, ul#Navigation span { display: block; width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */ padding: 0.2em 1em; text-decoration: none; font-weight: bold; border: 1px solid black; color: black; background-color: #ffffff; } * html ul#Navigation a, * html ul#Navigation span { width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */ w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */ } ul#Navigation a:hover, ul#Navigation span, li a#aktuell { border-color: black; color: black; background-color: white; } li a#aktuell { /* aktuelle Rubrik kennzeichnen */ color: black; background-color: black; } ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */ background-color: black; } </style> <script type="text/javascript"> if(window.navigator.systemLanguage && !window.navigator.language) { function hoverIE() { var LI = document.getElementById("Navigation").firstChild; do { if (sucheUL(LI.firstChild)) { LI.onmouseover=einblenden; LI.onmouseout=ausblenden; } LI = LI.nextSibling; } while(LI); } function sucheUL(UL) { do { if(UL) UL = UL.nextSibling; if(UL && UL.nodeName == "UL") return UL; } while(UL); return false; } function einblenden() { var UL = sucheUL(this.firstChild); UL.style.display = "block"; UL.style.backgroundColor = "silver"; } function ausblenden() { sucheUL(this.firstChild).style.display = "none"; } window.onload=hoverIE; } </script> </head> <body> <div id="Rahmen"><ul id="Navigation"> <li><a href="#Beispiel">Maus drüber ziehen</a> <ul> <li><a href="#Beispiel">Soll es so sein?</a></li> </ul> </li> </ul><div></div></div> </body> </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Hehe</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body, p a { font: normal 100.01% Helvetica, Arial, sans-serif; color: black; background-color: #ffffff; } div#Rahmen { width: 9.5em; padding: 0.0em; border: 0px solid black; background-color: #ffffff; } * html div#Rahmen { /* Korrektur fuer IE 5.x */ width: 48.7em; w\idth: 47.1em; } div#Rahmen div { clear: left; } ul#Navigation { margin: 0; padding: 0; text-align: center; } ul#Navigation li { list-style: none; float: left; /* ohne width - nach CSS 2.1 erlaubt */ position: relative; margin: 2.0em; padding: 10; } * html ul#Navigation li { /* Korrektur fuer den IE */ margin-bottom: -0.4em; } ul#Navigation li ul { margin: 0; padding: 0; position: absolute; top: 1.6em; left: -0.4em; display: none; /* Unternavigation ausblenden */ } * html ul#Navigation li ul { /* Korrektur fuer IE 5.x */ left: -1.5em; lef\t: -0.4em; } ul#Navigation li:hover ul { display: block; /* Unternavigation in modernen Browsern einblenden */ } ul#Navigation li ul li { float: none; display: block; margin-bottom: 0.2em; } ul#Navigation a, ul#Navigation span { display: block; width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */ padding: 0.2em 1em; text-decoration: none; font-weight: bold; border: 1px solid black; color: black; background-color: #ffffff; } * html ul#Navigation a, * html ul#Navigation span { width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */ w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */ } ul#Navigation a:hover, ul#Navigation span, li a#aktuell { border-color: black; color: black; background-color: white; } li a#aktuell { /* aktuelle Rubrik kennzeichnen */ color: black; background-color: black; } ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */ background-color: black; } </style> <script type="text/javascript"> if(window.navigator.systemLanguage && !window.navigator.language) { function hoverIE() { var LI = document.getElementById("Navigation").firstChild; do { if (sucheUL(LI.firstChild)) { LI.onmouseover=einblenden; LI.onmouseout=ausblenden; } LI = LI.nextSibling; } while(LI); } function sucheUL(UL) { do { if(UL) UL = UL.nextSibling; if(UL && UL.nodeName == "UL") return UL; } while(UL); return false; } function einblenden() { var UL = sucheUL(this.firstChild); UL.style.display = "block"; UL.style.backgroundColor = "silver"; } function ausblenden() { sucheUL(this.firstChild).style.display = "none"; } window.onload=hoverIE; } </script> </head> <body> <div id="Rahmen"><ul id="Navigation"> <li><a href="#Beispiel">Maus drüber ziehen</a> <ul> <li><a href="#Beispiel">Soll es so sein?</a></li> </ul> </li> </ul><div></div></div> </body> </html>
Foren-Regeln