Hallo!
In meiner neuen Homepage habe ich ein Menü erstellt welches die Darstellungs-Informationen aus der menue.css Datei enthält.
Hier der Code für einen normalen Menüpunkt, der nicht aktiv ist:
#menu1 li a:link , #menu1 li a:visited , #menu1 li a:active
{display:block;
color:#FFF;text-decoration:none;
font-size: 17px; margin:0px;[COLOR='Red']padding-left:71px; padding-bottom:13px;[/COLOR]
height: 30px;
line-height: 44px;
font-family:"Times New Roman", Times, Serif;
background-image:url(images/nav.jpg);
background-repeat:no-repeat;
text-align:left;
border:solid 0px white;
background-position:100% 50% ;
}
Der rot-markierte Bereich positioniert ja eigentlich die Schrift 71 px rechts vom Rand und 13 px vom unteren Ende entfernt. In Firefox und Chrome sieht das folgenderweise aus:
[Blockierte Grafik: http://langenberg.bplaced.net/chrome.JPG]
Genau so sollte es auch aussehen, nur zeigt der IE etwas völlig anderes an:
[Blockierte Grafik: http://langenberg.bplaced.net/ie.JPG]
Es ist für mich ein absolutes Rätsel warum die Schrift jetzt soweit von dem Viereck entfernt ist zumal auch zumindest der padding-left Befehl auch von Opera richtig erkannt wird:
[Blockierte Grafik: http://langenberg.bplaced.net/opera.JPG]
Das der padding-bottom hier falsch dargestellt wird, stört mich nicht besonders.
Ich habe mal ausprobiert: Wenn der padding-left Wert in der CSS Datei 30px beträgt und der padding-bottom Wert 3px beträgt, wird das Menü genauso angezeigt wie im Chrome und Firefox.
Kann mir jemand bei dem Problem helfen und vielleicht sagen wo mein Fehler ist bzw. wie ich es schaffe, dass der IE die paddin Werte richtig erkennt?
