nicht angemeldet
Fehler IE6 Rollover
Hallo Forum,
ich experimentiere für mein Projekt mit einer Navigation, die ich mit HTML und CSS aufbauen möchte. Zwischne den Navitagionbalken soll 40 Pixel freiraum sein. Im IE7, FireFox und Netscape wird es korrekt angezeigt. Im IE6 wird das Menü beim Rollover mit der Maus verschoben. Da ich zuerst den Fehler im meinem Projekt erwartet hatte, habe ich mit dem Beispiel "nav_rollover.htm" von dieser Seite experimentiert. Auch hierbei tritt der Fehler auf.
Im Bereich:
ul#Navigation a {
habe ich die folgende Zeile eingefügt:
margin: 2px 2px 20px 2px;
Hier der gesamt Quellcode:
<!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>Navigationsleisten - Beispiel 3</title>
<style type="text/css">
body, p a {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: white;
}
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;
}
ul#Navigation a {
display:block;
padding: 2px 2px 2px 2px;
margin: 2px 2px 20px 2px;
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 { /* Breitenangaben nur fuer IE */
width: 100%;
w\idth: 8.8em;
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
</style>
</head>
<body>
<h1>Navigationsleiste mit 'Rollover'</h1>
<ul id="Navigation">
<li><a href="nav_definieren.htm">Beispiel 1</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
</ul>
<p><a href="../navigationsleisten.htm#rollover">zurück</a></p>
</body>
</html>
Hat jemand eine Idee, wie ich das Problem lösen kann?
Mit bestem Dank im Voraus
Dieter