Hallo!
Nachdem ich die Probleme mit einem horizontalen Menü mit eurer Hilfe in den Grif bekommen habe, scheitere ich nun an der vertikalen Variante:
Code:
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#wrap {
width: 190px;
}
#menu {
margin: 0;
padding: 0;
}
#menu li{
margin: 0;
padding: 0;
}
#menu ul{
margin: 0;
padding: 0;
}
#menu a {
display: block;
color: #FFFFFF;
padding: 5px 0 5px 19px;
margin: 0 0 1px 0;
text-decoration: none;
background: #822C0F;
}
#menu a:hover {
color: #FFFFFF;
background: #2f4a6c;
}
</style>
</head>
<body>
<div id="wrap">
<ul id="menu">
<li><a href="test1.php">test1</a></li>
<li><a href="test2.php">test2</a></li>
<li><a href="test3.php">test3</a></li>
<li><a href="test4.php">test4</a></li>
<li><a href="test5.php">test5</a></li>
</ul>
</div>
</body>
</html>
Im Firefox sieht das ganze so aus, wie ich mir das vorstelle, im IE leider mal wieder nicht.
Probleme im IE:- Abstände zwischen den Menüpunkten, obwohl Margins und Paddings auf 0.
- Die Hintergrundfarbe spring nicht um wenn man mit der Maus in dem Feld ist, sondern erst, wenn man über dem Text ist.
- Nicht das gesamte Feld ist als Links klickbar sondern nur der Text.
Im Firefox gibt es diese Probleme nicht. Ist das ein Bug des IE? Habe ich wichtige Angaben vergessen? Oder was mache ich falsch?
Besten Dank
Ares