Hallo!

Habe als Navi folgende Liste, die im FF auch perfekt funktioniert. Im IE6 jedoch, hört der sensitive Bereich der Links hinter den Namen des Menüpunktes auf.

Warum und wie kann ich das ändern...?

Danke im Vorraus!

1stMagic


Code (HTML):

<ul>
<li><a href="#">Menüpunkt 1</a></li>
<li><a href="#">Menüpunkt 2</a></li>
<li><a href="#">Menüpunkt 3</a></li>
<li><a href="#">Menüpunkt 4</a></li>
<li><a href="#">Menüpunkt 5</a></li>
</ul>

Code (CSS):

li {
color: #fff;
background: #00B9DE;
border-bottom: 1px dotted #12728F;
}

a {
color: #fff;
text-decoration: none;
}

li a {
display: block;
padding: 5px;
}

li a:hover {
background: #1C96BB;
}

Gib li a nicht nur display:block, sondern auch width: 100% mit. Alternativ soll auch position:relative helfen.

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Wow!

Danke für die schnelle Antwort.
Habe gerade selbst rausgefunden, dass eine Width hilft. Hoffe das ist die richtige/saubere Lösung?!

Danke sehr!

Gruß!

1stMagic

Der IE braucht es halt

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Er hat padding: 5px; da ist width: 100%; leider nicht geeignet. Aber siehe mein FAQ-Beitrag, da ist alles beschrieben.