Gunther: Selbstpositionierendes und autoskalierendes CSS Menü

Beitrag lesen

N'Abend Manuel!

Superfish verhält sich doch auch so, geht immer nach rechts auf.

Das ist aber doch kein Grund, sich deshalb dem "unzureichenden" Verhalten anzuschließen ...! ;-)

Mal abgesehen davon, dass Drop-Down Menüs eh etwas "problematisch" sind, weil der User auf Anhieb eben nicht gleich erkennen kann, welche Menüpunkte vorhanden sind, wird das von Ebene zu Ebene immer problematischer. Denn der User muss quasi der Intention des Erstellers bezüglich der Struktur folgen, ansonsten kann es passieren, dass er seinen gewünschten Menüpunkt gar nicht findet.

Aber zurück zu dem "Problem" ...
Du könntest bspw. per Javascript nachhelfen, indem du vor dem Ausklappen/ Einblenden eines weiteren Submenüs prüfst, ob noch genügend Platz vorhanden ist und wenn nicht, dieses zur anderen Seite aufklappst/ einblendest.

Oder du machst es per CSS, indem du bspw. die linke Hälfte des Menüs 2 Level lang nach rechts aufklappst und ab dem 3. Level nach links (wenn es nicht mehr als 4 Level gibt). Für die rechte Hälfte des Menüs entsprechend halt zur jeweils anderen Seite.

Hierbei könnte u.a. der CSS-Selektor 'nth-child' hilfreich sein.

Gruß Gunther