Hallo,

die Navigation auf meiner Seite schaut im FireFox und Safari so aus wie es sein soll (Navigation unter Home)

Auf dem IE6 WinXP SP2 ist die Hauptnavigation aber eingerückt.

Das CSS schaut so aus:

/* Navi */

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


Ist das ein Fehler vom IE oder hab ich einen Fehler im CSS?

Das ist ein Fehler vom IE.

Und zwar der Doubled-margin-bug

http://www.positioniseverything.net/...ed-margin.html

weil Du deine Navi links floaten hast und gleichzeitig ein margin-left mitgegeben hast.

Bei dir der eine 1em Unterschied.

Lösung steht im Link.

andir

__________________
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

Hey danke!

Ein einfaches "display:inline" genügt. Der IE macht mich noch wahnsinnig! grrr