Hallo an Alle!
Mein Problem liegt folgendermassen: das horizontale Menü in der von mir erstellten website schliesst nicht bündig mit dem Content-Bereich (grüner Kasten) ab, sondern ist leicht nach rechts versetzt. Das passiert jedoch nur im Internet Explorer. Die anderen (Firefox, Google, Safari) stellen es richtig dar. Wie kann ich das im IE beheben?
Die website ist hier zu finden: Unbenanntes Dokument
Das CSS für das horizontale Menü sieht folgendermassen aus:
Der html Code kommt hier:
Danke für Eure Hilfe!
mavc
Mein Problem liegt folgendermassen: das horizontale Menü in der von mir erstellten website schliesst nicht bündig mit dem Content-Bereich (grüner Kasten) ab, sondern ist leicht nach rechts versetzt. Das passiert jedoch nur im Internet Explorer. Die anderen (Firefox, Google, Safari) stellen es richtig dar. Wie kann ich das im IE beheben?
Die website ist hier zu finden: Unbenanntes Dokument
Das CSS für das horizontale Menü sieht folgendermassen aus:
Code:
#horizontal_menu{
width: 740px;
float: left;
margin-top: 5px;
}
#navlist{
padding: 5px 0px;
font: bold 12px Verdana, sans-serif;
margin-top: 5px;
margin-bottom: 0px;
}
#navlist li{
list-style: none;
display: inline;
}
#navlist li a{
padding: 5px 2em;
background: #d5d5d5;
text-decoration: none;
}
#navlist li a:link { color: #00726c; }
#navlist li a:visited { color: #00726c; }
#navlist li a:hover{ color: #00726c; background: #999;}
#navlist li a#current {
background: #00726c;
color: #FFF;
}Der html Code kommt hier:
HTML:
<div id="horizontal_menu">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul></div>Danke für Eure Hilfe!
mavc
