Leiden unter dem Internet Explorer (Suckerfish über zweispaltiges Layout)

[pipkin]

Hallo zusammen,

seit Tagen leide ich Höllenqualen unter dem IE (6, 8 - andere hatte ich noch nicht in den Fingern).

Ich habe ein vertikales Suckerfish-Menü erstellt, das Layout fusst rein auf CSS. Es hat zwei Level. Die Unterpunkte (ul.level2) klappen sich nach rechts auf, wo sie dann vertikal untereinanderstehen.

Punkt
Punkt (via hover) -> Klapp
Punkt
Punkt

In allen anderen Browsern (Firefox, Chome, Safari..) funktioniert alles, wie es soll.

Im IE aber klappen sich alle Elemente des rechts aufgeklappten Untermenüs (ul.level2) wieder zu, sobald ich mit der Maus eine gewisse Grenze nach rechts überfahren habe. Inzwischen habe ich herausgefunden, dass es genau dort ist, wo die linke Spalte (#left) endet. Richte ich sie z.B. auf 300 Pixel Breite ein, bricht das Menü zusammen, sobald die Maus Pixel rechts davon berührt. Wenn ich #left auf 600 Pixel setze, so dass das Menü komplett innerhalb dessen aufgefahren werden kann, kann ich mit der Maus ganz nach rechts fahren, ohne dass es zusammenklappt.

Ich arbeite mit der Version 2.11.4.

Was soll ich machen? Auf einspaltiges Layout wechseln? Oder gibt es da eine elegantere Lösung?

Vielen Dank
Pipkin

p.s. einen Link zum angucken kann ich leider nicht anbieten

[pipkin]

So - ich hab es mittlerweile hinbekommen. Leider konnte ich die Navigation, die in #left enthalten war, nie "über" #main bekommen - auch nicht absolut positioniert und mit z-index 99999. #main lag immer drüber, und so gab es im IE Probleme mit dem Maus-Zustand.. jedenfalls klappte es wieder ein.

Ich habe es dann gelöst, in dem ich den header hinzugeschaltet habe und die Navigation darin platziert habe. Etwas schade, denn eigentlich sollten sich weitere Elemente in #nav, die unter dem Suckerfish platziert waren, sich relativ zur ausgeklappten Höhe des Menüs positionieren, aber das ist dann wohl nicht anders zu machen.

Puh - Hauptsache, es funzt ;-)

[Andreas]

Ich denke schon, dass das auch anders zu machen ist, dazu müsstest du aber mal ne Seite zeigen, kann auch ne statische sein die du aus deiner Seite erzeugst.

Haste auch auf overflow:hidden; geachtet? Dadurch könnte so ein überbreites Element auch daran gehindert werden aus seinem Elternelement auszubrechen.

[Juke]

Im IE aber klappen sich alle Elemente des rechts aufgeklappten Untermenüs (ul.level2) wieder zu, sobald ich mit der Maus eine gewisse Grenze nach rechts überfahren habe.

Das könnte am padding von a der ersten Ebene liegen.
Wenn a zu kurz ist wird das ein ganz tolles Spiel bei dem man nur verlieren kann.
Das Submenü hüpft dann nämlich immer weg, wenn man mit der Maus einen Untermenüpunkt anklicken will und erscheint wieder, sobald man zurück auf den Hauptmenüpunkt geht.
Sehr lustig.
Wie gesagt: a padding bottom und bg-color transparent kann helfen.

[pipkin]

Ja, danke für den Tipp!

Aber das Problem hatte ich parallel schon im Auge und auch behoben.


Bei meinem spezifischen Problem konnte man sehen, dass das Menü genau dann wieder einklappt, wenn die Maus den Bereich #left verlässt und in den Bereich #main rübergeht. Sprich während man die Maus langsam von links nach rechts über den hover fährt, und hiner diesem Hover die linke Spalte im Layout an die rechte Spalte grenzt.

Wenn ich #main eine background-color gegeben habe, konnte ich auch sehen, dass genau dort das Menü auch immer hinter dieser Fläche verschwindet. Selbst als das Suckerfish über position absolute und z-index 999999 eigentlich ganz oben hätte liegen müssen.

Ich versteh schon, dass ein Anschauungsbeispiel da Sinn macht ;-)

Vielleicht krieg ich demnächst für Versuche nochmal die Situation hin.