Tweet
Also ich habe nun schon seit Tagen ein Problem, bei dem ich bis jetzt einfach keine Lösung gefunden habe...
Es geht um folgendes:
Ich habe mir eine Navigation gebaut - natürlich mit Hilfe von verschachtelten ungeordneten Listen.
Soweit ist das ja alles ganz toll und es funktioniert auch. Nach langem hin und her habe ich es sogar browserkompatibel hinbekommen, und das runter bis zum IE 5 - bei validem Quelltext 
Aber ein winziges Problem raubt mir dennoch den Schlaf:
Aus irgendeinem unerfindlichen Grund setzt der IE5 und IE6 alle Textlinks auf den Buttons genau 1 Pixel tiefer als das Mozilla, Opera und Netscape tun. Außerdem stimmen die Button-Abstände nicht 100%ig exakt.
Bild oben: richtige Darstellung (Mozilla, Opera, Netscape)
Bild unten: falsche Darstellung IE 5 und 6
Kann mir jemand sagen, woran das liegt bzw. wie ich diesen Fehler beheben kann?
Für alle Interessierten hier meine CSS-Datei:
VIELEN DANK UND SCHÖNES WOCHENENDE
Es geht um folgendes:
Ich habe mir eine Navigation gebaut - natürlich mit Hilfe von verschachtelten ungeordneten Listen.
PHP-Code:
<ul id="menue">
<li><a href="#1">Unternehmen</a></li>
<li><a href="#2">Region</a></li>
<ul class="sub">
<li><a href="#2a">Ortschaften</a></li>
<ul class="subsub">
<li><a href="#2a1">Eschdorf</a></li>
<li><a href="#2a2">Schönfeld</a></li>
</ul>
</ul>
</li>
</ul>
Aber ein winziges Problem raubt mir dennoch den Schlaf:
Aus irgendeinem unerfindlichen Grund setzt der IE5 und IE6 alle Textlinks auf den Buttons genau 1 Pixel tiefer als das Mozilla, Opera und Netscape tun. Außerdem stimmen die Button-Abstände nicht 100%ig exakt.
Bild oben: richtige Darstellung (Mozilla, Opera, Netscape)
Bild unten: falsche Darstellung IE 5 und 6
Kann mir jemand sagen, woran das liegt bzw. wie ich diesen Fehler beheben kann?
Für alle Interessierten hier meine CSS-Datei:
PHP-Code:
#menue
{
margin-top: 25px;
}
#menue ul
{
margin-left: 26px;
}
/* button ersten ranges */
#menue li
{
background-image:url(../gfx/button-01.gif);
background-repeat: no-repeat;
list-style-type: none;
line-height: 25px;
width: 176px;
}
#menue a
{
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-left: 5px;
}
#menue .sub a
{
text-decoration: none;
color: #000000;
font-weight: bold;
}
/* button zweiten ranges */
#menue .sub li
{
background-image:url(../gfx/button-02.gif);
line-height: 22px;
width: 150px;
}
/* button dritten ranges */
#menue .subsub a
{
text-decoration: none;
color: #000000;
font-weight: normal;
}
#menue .subsub li
{
background-image:url(../gfx/button-03.gif);
font-size: 8pt;
line-height: 16px;
margin-left: -26px;
}
Kommentar