Hallo,
ich habe massivste Problem beim umsetzen einer horizontalen Navigation. Im Firefox und Chrome zeigt er mir alles korrekt an, wie ich es mir gewünscht habe, doch der Internet Explorer 8.0 bereitet mir Kopfschmerzen.
So sieht es im Firefox aus: https://www.myimg.de/?img=firefoxef085.png
Und so sieht es im Internet Explorer aus: https://www.myimg.de/?img=ie4cdf4.png
Das rechte Ende ist komplett verschoben. Und es steht in weiß "e 5". Ich habe keinerlei Ahnung woher das kommt. Von "Seite 5"?
Hier ist der CSS Code:
Und der HTML Code:
Meine Probleme:
- das Bild "images/navi-right.gif" ist um 44px nach unten verschoben.
- es steht in weiß "e 5"
Es wäre super nett, wenn ihr mir helfen könnt
Liebe Grüße
ich habe massivste Problem beim umsetzen einer horizontalen Navigation. Im Firefox und Chrome zeigt er mir alles korrekt an, wie ich es mir gewünscht habe, doch der Internet Explorer 8.0 bereitet mir Kopfschmerzen.
So sieht es im Firefox aus: https://www.myimg.de/?img=firefoxef085.png
Und so sieht es im Internet Explorer aus: https://www.myimg.de/?img=ie4cdf4.png
Das rechte Ende ist komplett verschoben. Und es steht in weiß "e 5". Ich habe keinerlei Ahnung woher das kommt. Von "Seite 5"?
Hier ist der CSS Code:
HTML:
.navigation
{
width: 100%;
height: 44px;
}
#navigation_left
{
background-image: url(images/navi-left.gif);
background-repeat: no-repeat;
height: 44px;
width: 5px;
}
#navigation_right
{
background-image: url(images/navi-right.gif);
background-repeat: no-repeat;
position: relative;
left:895px;
top:-44px;
height: 44px;
width: 5px;
}
#navcontainer
{
width: 890px;
height: 44px;
position:relative;
left:5px;
}
a.nav, a.nav:link, a.nav:visited
{
display: block;
width: 140px;
height: 44px;
background: url(images/navi-verlauf.gif) repeat-x;
text-align: center;
text-decoration: none;
font-family:Verdana;
font-size: 13px;
line-height:44px;
color: #ffffff;
overflow: hidden;
float: left;
width:178px;
}
a.nav:hover
{
color: #ffffff;
text-decoration: underline;
}Und der HTML Code:
HTML:
<div class="navigation">
<div id="navigation_left">
<div id="navcontainer">
<a class="nav" href="page1.html" title="page 1">Seite 1</a>
<a class="nav" href="page2.html" title="page 2">Seite 2</a>
<a class="nav" href="page3.html" title="page 3">Seite 3</a>
<a class="nav" href="page4.html" title="page 4">Seite 4</a>
<a class="nav" href="page5.html" title="page 5">Seite 5</a>
</div>
<div id="navigation_right">
</div>
</div>
</div>Meine Probleme:
- das Bild "images/navi-right.gif" ist um 44px nach unten verschoben.
- es steht in weiß "e 5"
Es wäre super nett, wenn ihr mir helfen könnt
Liebe Grüße
