listenformatierung gleiche breite der unterelemente

[Markus Behrendt]

Hallo allerseits,
ich beschäftige mich im Moment mit einer verschachtelten Listendarstellung. Ich möchte eine liste darstellen, deren Unterelemente floaten. Das Problem ist, dass dabei das übergeordnete Element je nach Anzahl der Unterelemente entsprechend breiter wird. Aber das möchte ich nicht. Da es sich um ein Rollover Menü handelt, würden sich die Elemente bei mehreren lvl 1 Listenelementen trotzdem rein optisch nicht in die Quere kommen. Habs schon mit z-index versuch aber hatte auch keinen Erfolg.

Grundsätzlich funktioniert alles prima, bis auf diesen Punkt.

  
<ul>  
  <li> <!-- Dieses Element soll nicht breiter werden, durch die unten dargestellten Elemente -->  
    <ul>  
      <li></li> <!-- Diese Elemente werden horizontal dargestellt -->  
      <li></li>  
      <li></li>  
    </ul>  
  </li>  
  <li></li>  
  <li></li>  
</ul>  

[Matthias Apsel]

Om nah hoo pez nyeetz, Markus Behrendt!

Grundsätzlich funktioniert alles prima, bis auf diesen Punkt.

zeig noch das CSS dazu.

Matthias

[Markus Behrendt]

Om nah hoo pez nyeetz, Markus Behrendt!

Grundsätzlich funktioniert alles prima, bis auf diesen Punkt.

zeig noch das CSS dazu.

Matthias

hi Matthias
ist noch nicht fertig, da ich erst das Problem lösen wollte bevor ich auf die nächsten Schritte zugehe. :)

  
  
#menu{  
	width:100%;  
	height: auto;  
	overflow:hidden;  
	display:block;  
	z-index:1;  
}  
  
#menu li {  
	float:left;  
	display:block;  
	margin:0.2em 0.4em;  
	height:auto; /*1em*/  
	line-height:1em;  
	overflow:visible;/*hidden*/  
}  
#menu a {  
	line-height:1em;  
}  
#menu li:hover {  
	float:left;  
	display:block;  
	margin:0.2em 0.4em;  
	height:4em;  
	overflow:visible;  
}  
#menu li ul {  
	position:relative;  
	top:0;  
	left:-46px;  
	z-index:3;  
}  
  
#menu li ul li {  
  
}