M
Maik
Dieses Beispiel-Menü http://de.selfhtml.org/css/layouts/anzeige/nav_ebenen.htm, das deinem HTML- und CSS-Code recht nahe kommt, produziert ebenso diesen Fehler, wenn ich lediglich das Submenü entsprechend formatiere, damit es zunächst versteckt, und beim Überfahren des Menüpunktes angezeigt wird.
Test-Code:
mfg Maik
Test-Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Navigationsleiste mit mehreren Ebenen</title>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffe0;
}
ul#Navigation {
width: 10em;
margin: 0; padding: 0.8em;
border: 1px solid black;
background-color: silver;
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 11.6em;
w\idth: 10em;
padding-left: 0;
padd\ing-left: 0.8em;
}
ul#Navigation li {
list-style: none;
margin: 0.4em; padding: 0;
position:relative; /* von mir hinzugefügt */
}
ul#Navigation li ul {
margin: 0 0 0 1em; padding: 0;
display:none; /* von mir hinzugefügt */
position:absolute; /* von mir hinzugefügt */
top:0; /* von mir hinzugefügt */
left:6em; /* von mir hinzugefügt */
}
ul#Navigation li:hover ul { /* von mir hinzugefügt */
display:block;
}
ul#Navigation li ul li {
margin: 0.1em 0;
}
* html ul#Navigation li ul li { /* Korrektur fuer IE 5.x */
margin-left: 1em;
ma\rgin-left: 0;
}
ul#Navigation a {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: maroon; background-color: #ccc;
}
* html ul#Navigation a {
width: 100%; /* Breitenangabe fuer IE 5.x */
w\idth: 8.8em; /* Breitenangabe fuer IE 6 */
}
* html ul#Navigation li ul li a {
width: 100%; /* Breitenangabe fuer IE 5.x */
w\idth: 7.8em; /* Breitenangabe fuer IE 6 */
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
</style>
</head>
<body>
<h1 id="Beispiel">Mehrere Navigationsebenen</h1>
<ul id="Navigation">
<li><a href="#Beispiel">Seite 1</a></li>
<li><a href="#Beispiel">Seite 2</a>
<ul>
<li><a href="#Beispiel">Seite 2a</a></li>
<li><a href="#Beispiel">Seite 2b</a></li>
<li><a href="#Beispiel">Seite 2c</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 3</a></li>
<li><a href="#Beispiel">Seite 4</a></li>
</ul>
<p><a style="color:black" href="http://de.selfhtml.org/css/layouts/navigationsleisten.htm#ebenen">zurück</a></p>
</body>
</html>mfg Maik
). Ich will aber versuchen trotzdem es etwas anders zu lösen, zum Glück stehe ich da unter keinem Zeitdruck. Die Begründung ist ganz einfach, ich will flexibel sein, also einfach nur die Liste ändern und fertig (ohne zu wissen, wo ich wieviele Untermenüs etc. habe).
