Menu funktioniert im IE nicht wie es soll

[Herdi]

Hallo,

ich bastel jetzt schon 2 Abende an einem Problem rum und bekomms nicht gebacken.

Vorneweg: Ich bin nicht der Profi was Webseitenerstellung angeht... Hin und wieder mach ich da etwas und bisher bin ich immer zum Ziel gekommen...

Unter http://home.arcor.de/steffenherderich/uzentwurf/ hab ich mal ein Beispiel eingestellt.

In dieser Seite habe ich das CSS-Dropdownmenu von http://barrierefrei.e-workers.de/workshops/tricks/menues.php verwendet und angepasst.

Nun ist es so dass das Menu mit Firefox und Opera funktioniert wie es soll. Im Internet Explorer allerdings wird der ausklappende Inhalt des Menu unter die darunterliegende Box geschoben. Ich habe nun schon stundenlang mit z-index und anderen Dingen rumprobiert aber es nicht hinbekommen dass es im IE genauso klappt. Hat mir vielleicht jemand einen Tipp?

Vielen Dank und Grüße

Herdi

[Christoph Schnauß]

hallo,

Nun ist es so dass das Menu mit Firefox und Opera funktioniert wie es soll. Im Internet Explorer allerdings wird der ausklappende Inhalt des Menu unter die darunterliegende Box geschoben.

Daran sind deine externen CSS-Dateien schuld. Konkret deine "screen.css". Du möchtest zwar zusätzlich noch eine "fix-ie.css" einbinden, aber im conditional comment ist ein Leerzeichen zuviel, sie wird nicht eingebunden. Und selbst wenn, würde sie mit der ersten CSS kollidieren.
Nimm die Dinge, die du im IE anders darstellen möchtest, aus der externen CSS heraus und notiere sie innerhalb deines conditional comment (dann werden eventuell gleichlautende Anweisungen aus "screen.css" überschrieben). Und entferne das überflüssige Leerzeichen.

Grüße aus Berlin

Christoph S.