Internetexplorer 8 und 7 stellen die Menüs etwas merkwürdig dar ;-)

[Steve P]

Guten Morgen allerseits,

die darstellung unter Firefox und Internetexplorer 9 der Menüs funktionieren super, aber unter Internetexplorer 7 und 8 nicht wirklich.
Siehe Bilder
Menü-Bild1.jpgMenü-Bild2.jpgMenü-Bild3.jpg

Da ich kein Webdesigner bin weiß ich nicht wie ich das unter Contao beheben soll.
Weiß nur das es anscheinend an 7 und 8 hängt

Schönen Tag
Steve P

[SFuchs]

Wenigstens kenn ich deine Seite - bei den Thumbnails erkennt man nichts

Wenn du bei IE8 eine Dropdown öffnest und dann mit der Maus nach oben fährst rückt die Dropdown nach oben, ergo wird der Status der Dropdown nicht auf den Ursprungszustand zurück gesetzt. CSS Technisch ein leichtes durcheinander.

1. Warum lässt du die erste UL Floaten und fügst dennoch ein Margin-right hinzu? Du hast ein Nav Element das als Container dient und den positioniert man mit Float etc.
2. Das schließt das obere mit ein, weil du der ersten UL Float:right und Margin-right(was so oder so schon unsinnig ist in der Form da man alle Elemente in den Fluss setzen kann), überträgt sich das auf nachfolgende ULs.
3. Du musst bei der zweiten UL den Style der ersten UL überschreiben, machst du aber nicht komplett und auch in der Falschen Reihenfolge.

Das Ergebnis siehst du am IE8, sobald die Dropdown aufploppt liegt sie kurze Zeit direkt über dem Button und wird dann herunter gedrückt, fährst du mit der Maus direkt nach oben, bekommt die Dropdown nicht mal mehr mit das sie eigentlich zu gehen soll.

Dazu kommt noch CSS3Pie, so schön es auch ist und es funktioniert auch, aber eben nicht immer, wenn die CSS Aufgabe etwas komplexer wird, mit Display:None und Block spielt einem das schöne Script gerne mal einen Streich. IE8 ist eines der Paradebeispiele gerade wenn es um Dropdown in Verbindung mit CSS3Pie geht - da hast du noch glück das du überhaupt noch Text siehst (geht noch extremer).

Daher das CSS noch einmal überarbeiten und zwar Gründlich. Step By Step. CSS3Pie aus der Dropdown raus, IE8 und IE7 Nutzer gehen nicht ein wenn sie keine Runde Ecken sehen, aber wenn die Navi nicht funktioniert werden auch die grantig

Und zu guter Letzt, wenn man schon Dropdowns verwendet, dann sollte man wenn möglich ein JS integrieren das die Dropdowns nicht gleich zuklappen lässt. Nicht jeder Internetnutzer hat eine ruhige Hand und gerade solche Loginboxen (die man in so einem Fall vielleicht besser als Modal Window aufzieht) sollten nicht gleich zuklappen nur weil die Maus 1px über der Box draußen ist.