Listen: IE6 macht grosse Abstände

[Retrax]

Hab eben eine Navigationliste erstellt.

[Link:http://www.retrax.de] (Hauptnavigation)

Im FireFox und Safari schaut es aus wie es sein soll. Der IE 6 WinXP SP2 macht allerdings relativ große Abstände zwischen den einzelnen  Navigationsfeldern. Gibt es dafür eine Lösung?

Das dazugehörige CSS:

/* Navi */

.Navi {
float:left;
margin:2em 0 1em 1em;
padding:0;
list-style:none;
}
.Navi a {
display:block;
padding:0.5em;
background-color:#C0C0C0;
border-bottom:1px solid #FFFFFF;
}
.Navi a:hover {
background-color: #FF0000;
}

Danke & Gruss

[Maxx]

Hallo,

http://www.retrax.de (Hauptnavigation)

Du hast:
<li><a href="...">News</a></li>
<li><a href="...">About</a></li>
<li>...

versuche stattdessen:
<li><a href="...">News</a></li><li><a href="...">About</a></li><li>...

HTH

Jochen

[MudGuard]

Hi,

Im FireFox und Safari schaut es aus wie es sein soll. Der IE 6 WinXP SP2 macht allerdings relativ große Abstände zwischen den einzelnen  Navigationsfeldern. Gibt es dafür eine Lösung?

Du setzt weder margin noch padding für die li - da können also unterschiedliche Voreinstellungen der Browser zu unterschiedlichen Ergebnissen führen.

cu,
Andreas