2009-05-19 9 views
2

mein Menü funktioniert gut auf die guten Browser. Der Code ist gültig (soweit!). In IE, obwohl es wie eine Treppe aussieht, ist jeder Menüpunkt ein paar Pixel von seinem linken Nachbarn entfernt. Es sollte alles horizontal sein.css ungeordneten Liste Menü ähnelt "Schritte" in IE

Please have a look here

alt text http://www.digiflipconcepts.com/images/bbdc-menu-anomaly.jpg

+0

Funktioniert gut in IE8, übrigens. Ich bin mir sicher, dass Sie sich sowohl auf IE6 als auch auf 7 beziehen. (Ich kann mich zu diesem Zeitpunkt nicht testen.) – strager

+0

Ja Entschuldigung, ich hätte erwähnen sollen - IE6 und 7 sind wo das Problem auftritt – morktron

+0

Der Link funktioniert nicht. –

Antwort

6

display: inline auf ul.menu li anwenden.

+0

Danke Strager, du bist eine Legende! Das hat es behoben :). – morktron

0

meine erste Vermutung wäre entweder Polsterung oder Rand auf Ihrem li Elemente sein. sehen, ob das hilft:

li { 
    padding: 0; 
    margin: 0; 
} 

(sprach zu früh, sieht aus wie Sie haben zu tun, dass dort)

auf dritten Blick sieht es aus wie Sie sind Einstellung folgendermaßen vor:

ul.menu li a { 
    display: block 
    padding: 11px 0 0; 
} 

Sehen Sie, wenn das Entfernen dieser 11px Polsterung hilft

+0

Danke, ich habe es nur ohne die Polsterung versucht, aber es ist immer noch das gleiche :( – morktron

Verwandte Themen