[HTML/CSS] Elemente aus dem Container fliessen lassen

**alcaeus**

Hallo ihr,

ich stehe vor einem kleineren Problem. Ich habe folgenden HTML-Code:

Code:

			<ul id="menu">[*]

    Foobar

    <ul>[*]Blabla[*]More Blabla[*]Even more Blabla[/list]  [*]Foobar[*]Foobar[/list]

Die Liste zwinge ich mit folgendem CSS-Code, wie ein horizontales Menue auszusehn:

markieren

Code:

			#menu {

  list-style-type:none;

}

#menu li {

  float:left;

}

Die Subliste ist per default ausgeblendet, wird aber eingeblendet, sobald man mit der Maus ueber das Element faehrt:

markieren

Code:

			#menu li ul {

  display:none;

}

#menu li:hover ul {

  display:block;

}

#menu li li {

  float:none;

}

Mein Problem ist jetzt, dass das li-Element in der horizontalen Liste sich an die Breite der Subliste anpasst, sobald ich mit der Maus drueberfahr. Ich hab schon versucht, mit overflow:visible zu arbeiten, das funktioniert aber nur, wenn man eine Breite notiert. Hat jemand vielleicht eine Idee, wie ich den Effekt vermeiden kann?

Greetz
alcaeus

[HTML/CSS] Elemente aus dem Container fliessen lassen

[HTML/CSS] Elemente aus dem Container fliessen lassen

Forumregeln