Horizontales Menü - 2. Ebene ist nicht horizontal

[jschuhma]

Hallo miteinander,

ich habe ein Menü:

Das Problem ist, dass das Submenü nicht wie es soll horizontal angeordnet wird, sondern untereinander. Das hängt unmittelbar mit dem positition:absolute des UL zusammen.

Ich hab leider keine Ahnung wie ich das hinbekommen soll, hab schon alles versucht was in Frage kommt. Wäre spitze wenn mir hier jemand weiterhelfen könnte.

Grüße Jan

 

[MatthiasM2D]

AW: Horizontales Menü - 2. Ebene ist nicht horizontal

Hi,

bin mir jetzt auf den ersten Blick zwar nicht ganz Sicher, aber versuche mal die #main_nav .menu ul mit einer festen Breite zu versehen. Ich denke das daher deine Listenelemente "räumlich" gebunden zwar links floaten aber aus Platzmangel untereinander.

#main_nav .menu ul{ /* Submenü ausblenden */
position:absolute;
right:9999px;
background:#ffffff;
list-style: none;
width: 500px;
}

Gruß

 

[jschuhma]

AW: Horizontales Menü - 2. Ebene ist nicht horizontal

Hi,

bin mir jetzt auf den ersten Blick zwar nicht ganz Sicher, aber versuche mal die #main_nav .menu ul mit einer festen Breite zu versehen. Ich denke das daher deine Listenelemente "räumlich" gebunden zwar links floaten aber aus Platzmangel untereinander.

#main_nav .menu ul{ /* Submenü ausblenden */
position:absolute;
right:9999px;
background:#ffffff;
list-style: none;
width: 500px;
}

Gruß

Mist, habe ich vergessen zu erwähnen, ja das funktioniert natürlich. Das Problem ist zum einen es sind ja nicht alle Submenüs gleich breit und zum anderen, bei schriftzoom würde es das menü sprengen
Danke trotzdem für die Antwort

 

[sokie]

AW: Horizontales Menü - 2. Ebene ist nicht horizontal

Dann gib doch eine Breite, die auf alle Fälle ausreicht, und dem ul keine backgroundcolor sondern den li-Elementen. Dann würde die Breite optisch immer passen.
vielleicht wäreesauch sinnvoller, die li-elemente rechts zu floaten...

 

[jschuhma]

AW: Horizontales Menü - 2. Ebene ist nicht horizontal

Dann gib doch eine Breite, die auf alle Fälle ausreicht, und dem ul keine backgroundcolor sondern den li-Elementen. Dann würde die Breite optisch immer passen.
vielleicht wäreesauch sinnvoller, die li-elemente rechts zu floaten...

hmm interessante Idee... werd ich später mal antesten :
Wieso meinst es sei sinnvoller rechts zu floaten?

Danke für deine Antwort,
Grüße Jan

 

[sokie]

AW: Horizontales Menü - 2. Ebene ist nicht horizontal

Wieso meinst es sei sinnvoller rechts zu floaten?

ist nur eine Idee, ich hab einfach fantasiert, dass du die untermenüs für die weiteren navigationspunkte vielleicht gern genau unter diesen stehen hättest. wenn der ulcontainer eine Breite hat, die allen Fällen gerecht wird, könnten beim "linksfloaten" die unterpunkte sehr weit vom Menü (links) entfernt stehen.

 

[cebito]

AW: Horizontales Menü - 2. Ebene ist nicht horizontal

Liste wird trotz float:left im li nicht horizontal - XHTMLforum

Crosspostings sind alles andere als Gentleman like ==>> Thread geschlossen!