Einzelnen Beitrag anzeigen
  #1  
Alt 24.05.07, 15:59
yahooooo yahooooo ist offline
Forum Aktivist
 
Registriert seit: 02.01.07
Beiträge: 60

Horizontales TMenu mit zwei Ebenen, 2. Ebene passend unter Menüpunkt der ersten Ebene


Hi!

Ich hab hier ein kleines - vermutlich schon oft gesehenes - Problem und sehe den Wald vor lauter Bäumen nicht mehr. Und zwar habe ich hier ein horizontales TMenu mit zwei Ebenen. Dessen erste Ebene besteht aus einer UL-Liste, deren LIs per display:block nebeneinandergepackt werden.

Das Design sieht aber vor, dass die zweite Menüebene jeweils immer unter dem passenden Ober-Menüpunkt aus der ersten Ebene steht.

Da dachte ich mir, dass ich ich ja einfach in dem Listen-Element der ersten Ebene weiterschreiben kann. Das Ganze hätte auch gut geklappt, wenn nicht einer der Submenüpunkte breiter als sein Oberpunkt gewesen wäre. Das hat jetzt zur Folge, dass sich, sobald das Submenü sichtbar ist, die Punkte aus der ersten Ebene verschieben, was natürlich unschön aussieht. Hatte das Ganze bereits mit einer festen Breite und overflow:visible probiert, aber das funktioniert im IE nicht, weil der das Element einfach verbreitert. Siehe Anhang.

Soviel erstmal zur Problembeschreibung.

Hat jemand vielleicht eine elegante Lösung? Wie gesagt: ich suche ein horizontales Menü, dessen Punkte der zweiten Ebene unter dem jeweils aktuellen der ersten Ebene stehen.
Angehängte Grafiken
 
Mit Zitat antworten