Problem mit verschchtelter UL und Umbruch

Jan-Frederik Stieler

Monsterator
Moderator
Hallo,
ich habe eine UL für ein horizontales Menü (display: inline;) welche mit einer anderen UL für das Submenü verschachtelt ist.
Nun habe ich das Problem das wenn das Submenü eingeblendet ist alle folgenden Listenpunkte umbrochenwerden udn das Submenü nicht unterhalb des ersten Mneüpunktes angezeigt werden. Ich möchte die UL jetzt nicht auf position: absolute; umstellen da ein umschließendes Div auf die Höhe der Ul reagiert (Es wird eine Linie unterhalb des Menüs angezeigt).
Welche Möglichkeit habe ich den jetzt noch das mir die UL nicht umbricht, also die verschchtelte UL nicht die Menüzeilen der ersten Hirachie zerstört?

Viele Grüße

PS: Noch der Code:
HTML:
<div id="topright">
<ul class="menu" id="sub1">
	<li class="item7"><a href="#">Wer</a></li>
	<li class="item8"><a href="#">Wo</a></li>
	<li id="current" class="parent active item12"><a href="#">Produkte.</a>
		<ul>
			<li class="parent item35"><a href="#">Eigen Marke</a>
				<ul>
					<li class="item42"><a href="#">Chutney</a></li>
					<li class="item43"><a href="#">Erdbeermarmelade</a></li>
					<li class="item44"><a href="#">Eier</a></li>
					<li class="item45"><a href="#">Kürbiskernöl</a></li>
					<li class="item46"><a href="#">Spargel</a></li>
					<li class="item47"><a href="#">Erbeeren</a></li>
					<li class="item48"><a href="#">Kürbis</a></li>
				</ul>
			</li>
			<li class="item36"><a href="#">Grundnahrungsmittel</a></li>
			<li class="item37"><a href="#">Milchprodukte</a></li>
			<li class="item38"><a href="#">Fisch Fleisch Geflügel</a></li>
			<li class="item39"><a href="#">Obst</a></li>
			<li class="item40"><a href="#">Salat und Gemüse</a></li>
			<li class="item41"><a href="#">Getränke</a></li>
		</ul>
	</li>
	<li class="parent item11"><a href="#">Saisonhöhepunkte</a>
		<ul>
			<li class="item27"><a href="#">Allerheiligen</a></li>
			<li class="item28"><a href="#">Erbeersaison</a></li>
			<li class="item29"><a href="#">herbstlese</a></li>
			<li class="item30"><a href="#">Spargelsaison</a></li>
			<li class="item31"><a href="#">Grillsaison</a></li>
			<li class="item32"><a href="#">Martinstag</a></li>
			<li class="item33"><a href="#">Weihnachten</a></li>
		</ul>
	</li>
	<li class="parent item10"><a href="#">Rezepte</a>
		<ul>
			<li class="item17"><a href="#">Martinsgänse</a></li>
			<li class="item18"><a href="#">Würste</a></li>
			<li class="item19"><a href="#">Forelle</a></li>
			<li class="item20"><a href="#">Kürbis</a></li>
			<li class="item21"><a href="#">Erbeeren</a></li>
			<li class="item22"><a href="#">Spargel</a></li>
			<li class="item23"><a href="#">Kürbiskernöl</a></li>
			<li class="item24"><a href="#">Eier</a></li>
			<li class="item25"><a href="#">Marmelade</a></li>
			<li class="item26"><a href="#">Chutney</a></li>
		</ul>
	</li>
	<li class="item13"><a href="#">Kontakt</a></li>
	<li class="item14"><a href="#">Impressum</a></li>
</ul>
</div>
 
Him das CSS dazu wär schon hilfreich, da wir uns ja im CSS-Forum befinden :D

Die Frage ist jetzt: soll es ein Dropdownmenü oder ein Droplinemenü werden?
Die Information wäre für das CSS wichtig.

mfg aGeNET
 
Zurück