Problem mit css-basiertem Drop-Down-Menü

[baermaus]

Erstmal ein nettes Hallo in diesem Forum :-)

Ich benötigte für eine Seite ein Drop-Down-Menü und hab auch eines gefunden, welches ich nun anpassen wollte. Leider komme ich dabei an die Grenzen meines derzeitigen Wissens. Vieles konnte ich schon anpassen, aber eine Sache bereitet mir erhebliches Kopfzerbrechen:

Die Menüzeile soll nach der Fertigstellung mehrzeilig sein, was aber nicht so klappt, wie es sollte.
Hier hab ich mal das Wesentliche hochgeladen: css-frage

Die Erklärung ist gleich mit dabei.
Oben: so sieht es zur Zeit aus (funktionierend)
Mitte: so schaut es aus, wenn ich versuche, alle Begriffe unterzubringen
Unten: Das sollte mein Endergebnis sein...

Ich habe auch die entsprechenden css- und js-Dateien als Textfile hochgeladen, falls sie sich jemand anschauen möchte:
http://www.baermaus.at/csshelp/images/style.css.txt
http://www.baermaus.at/csshelp/images/newcssmenu.js.txt

Der das Menü betreffende Bereich in der css. ist am Ende angehängt - hier hab ich schon viel herumprobiert - leider ohne Erfolg.
Ich hab auch versucht, mir die js. reinzuziehen, aber hier kenne ich mich leider noch absolut nicht aus und ich fürchte, dass mein Problem hier zu suchen ist :sad:.


vielen Dank im Voraus,
Michael

 

[threadi]

Sehe auf Anhieb im HTML-Code schonmal einige grundlegende Probleme:

Du schreibst in xhtml - also müssen alle HTML-Elemente kleingeschrieben werden, auch <script>.

Du verwendest IDs mehrfach. Eine ID darf aber nur 1 mal pro HTML-Seite verwendet werden. Korrigier das mal, es betrifft auch das Aufklappmenü.

Abgesehen davon funktioniert das Menü bei mir im Firefox ganz gut. Das einzige was nicht geht: wenn man das aufgeklappte Menü mit der Maus nach links, rechts oder unten verlässt klappt es nicht zu. Hier fehlt ein "onmouseout"-Eventhandler.

So, und du möchtest dieses Menü nun aber so ändern, dass die Einträge mehrzeilig sein können?!

 

[baermaus]

Guten Morgen!

Das Menu klappt soweit in Firefox und auch IE - soweit bin ich ja schon.

Mehrzeilig soll die waagerechte Menuzeile sein, da ich hier pro Spalte mehrere Begriffe unterbringen muss. Die einzelnen Zeilen im runtergeklappten Dropdown passen so, wie es jetzt ist.

Dass auch sonst einige Elemente im Quellcode noch nicht passen, ist mir leider bewusst ;-)
Ich wollte das Menu mal funktionierend so hinbringen, wie es am Ende aussehen sollte, weil das zur Zeit meine grösste Hürde ist.

Michael