Hallo,
nach langer Zeit mal wieder eine Frage von mir, auf deren Lösung ich nicht komme.
Es gibt leider noch keine Online-Variante der Problemseite, daher bitte im Anhang das Verhalten ansehen. Alle bisherigen Positionierungen der Elemente haben problemlos in beiden Browsern funktioniert. Nur die Liste will im FF nicht korrekt stehen. Den roten Hintergrund des DIVs habe ich natürlich nur temporär zur Analyse des Problems.
Zwei Fragen also:
1.) Warum ist die Höhe des DIVs in beiden Browsern unterschiedlich?
2.) Warum verschiebt FF die Liste eine Zeile nach unten? Denn die roten Boxen sind zumindest am oberen Rand korrekt ausgerichtet.
Hier der betroffene Seitencode:
PHP-Code:
<div id="navigation">
<ul id="navi">
<li><a href="#">Form</a></li>
<li><a href="#">Spiel</a></li>
<li><a href="#">Leben</a></li>
<li><a href="#">Natur</a></li>
<li><a href="#">Ego</a></li>
</ul></div>
Hier das CSS:
PHP-Code:
#navigation {
height: 20px;
width: 550px;
position: absolute;
left: 210px;
top: 158px;
background-color:red;
}
#navi ul {
margin: 0;
white-space: nowrap;
list-style:none;
}
#navi li {
padding-right: 50px;
display: inline;
letter-spacing: 3px;
}
Vielen Dank schon mal für jeden sachdienlichen Hinweis!
