zerschossene Navigation in IE

joe_ma · Beitrag von **joe_ma** » Sa 12. Jul 2008, 10:11

Hallo

Ich weiss, das Thema gehört eigentlich in ein CSS-Forum. Ich habe auch bei verschiedenen dieser Foren schon nachgefragt, allerdings ohne Antworten zu bekommen. Deshalb stelle ich hier mal das Problem, vielleicht hat der eine oder die andere von euch das schon mal lösen können.

Ich benutze die Version 4.6.24 (4.8.4 geht nicht, weil nur PHP4 zur Verfügung steht) mit der mitgelieferten Hauptnavigation. Sie ist aufgeteilt in eine vertikale Hauptebene und ein bis zwei Unterebenen, die beim Anklicken eines Hauptpunktes nach rechts aufklappen. Funktioniert bei allen Browsern wie gewünscht, ausser natürlich beim IE. Wenn ich hier einen der Hauptpunkte anklicke, springen die Punkte unterhalb des angeklickten Items um ca 25px nach unten.

Zu sehen ist das unter folgender URL:
http://www.karoag.ch/cms/

Screenshots finden sich hier:

So sollte es aussehen: http://www.mattersbuero.ch/downloads/firefox.jpg, und das macht IE draus: http://www.mattersbuero.ch/downloads/ie.jpg

Hat jemand eine Idee für Abhilfe?

Beitrag von **emergence** » Di 15. Jul 2008, 17:05

ähm, im ie7 schaut das aber okay aus...
wenn das exakt um 25px nach unten spring würde ich mal die styles nach dem wert(25 oder ähnliches) durchforsten... vielleicht läßt sich da auf irgendwas schließen...

thoste87 · Beitrag von **thoste87** » Do 17. Jul 2008, 08:00

Code: Alles auswählen

wenn das exakt um 25px nach unten spring würde ich mal die styles nach dem wert(25 oder ähnliches) durchforsten... vielleicht läßt sich da auf irgendwas schließen...

würde ich auch tun. ist sicher ein padding oder ein margin was dir den code zerstört

joe_ma · Beitrag von **joe_ma** » Di 22. Jul 2008, 08:12

Danke thoste87 und emergence für die Antworten.

@emergence: das Problem ist der IE 6, der ja leider immer noch von einigen Leuten benutzt wird und den man daher wohl noch nicht völlig ignorieren kann...

Ich habe jetzt eine Lösung gefunden: wenn ich die <li>-Elemente der 1. Ebene relativ positioniere, funktioniert die Navi auch im IE 6. Na ja, wenigstens in etwa. Irgendwie fügt er immer noch ein oder zwei Pixel zwischen die <li>-Elemente, aber darum mag ich mich jetzt nicht mehr kümmern.