ul#navigation bricht vor div-ende nicht um

[korn]

Abend!

Ich stehe vor folgendem Problem:

Wie schon im Titel steht, bricht meine ul#navigation nach dem Ende des DIV-Elements, in der sie sich befindet, nicht um, und zwar ungefähr so.

___________________________________
|                                   |
|                                   |
|   div            ul#navgation     |
|                                   |
|___________________________________|
                 |               |
                 | ul#navigation |
                 |_______________|

Und eben das will ich nicht, die navigation soll umbrechen und rechts davon weiter gehen!

Mein CSS-Code für die Navigation:

/* Navigation */
  ul#navigation {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  ul#navigation li {
      list-style: none;
      margin: 0.1em;
      padding: 0;
      width: 10em;
  }
  ul#navigation a {
      display: block;
      color: #1d46dc;
      text-decoration: none;
  }

Danke im Voraus,
Korn

[wahsaga]

hi,

Wie schon im Titel steht, bricht meine ul#navigation nach dem Ende des DIV-Elements, in der sie sich befindet, nicht um, und zwar ungefähr so.

___________________________________
|                                   |
|                                   |
|   div            ul#navgation     |
|                                   |
|___________________________________|
                 |               |
                 | ul#navigation |
                 |_______________|

Und eben das will ich nicht,

Schön, jetzt wissen wir also, wie es _nicht_ aussehen soll.

Und wie _soll_ es aussehen?

die navigation soll umbrechen und rechts davon weiter gehen!

Darunter kann ich mir irgendwie nichts vorstellen.

Möchtest du die Liste vielleicht gar nicht _ins_ Div packen, sondern ausserhalb von diesem und teilweise daneben darstellen lassen?

Dann möchtest du sie und die Listenelemente vielleicht floaten oder inline darstellen lassen.

gruß,
wahsaga

[korn]

hi,

Wie schon im Titel steht, bricht meine ul#navigation nach dem Ende des DIV-Elements, in der sie sich befindet, nicht um, und zwar ungefähr so.

___________________________________
|                                   |
|                                   |
|   div            ul#navgation     |
|                                   |
|___________________________________|
                 |               |
                 | ul#navigation |
                 |_______________|

Und eben das will ich nicht,

Schön, jetzt wissen wir also, wie es _nicht_ aussehen soll.

Und wie _soll_ es aussehen?

die navigation soll umbrechen und rechts davon weiter gehen!

Darunter kann ich mir irgendwie nichts vorstellen.

Möchtest du die Liste vielleicht gar nicht _ins_ Div packen, sondern ausserhalb von diesem und teilweise daneben darstellen lassen?

Dann möchtest du sie und die Listenelemente vielleicht floaten oder inline darstellen lassen.

Erstmal danke für die rasche Antwort!

Wenn das Menü _länger_ ist als der DIV hoch, soll das Menü _umbrechen_.

____________________________________________________
|                          |              Fortsetzung|
|                          |                   des   |
|                          |ul#navigation   Menüs    |
|                          |                         |
|                          |                         |
|__________________________|__*umbruch*______________|

[wahsaga]

hi,

Wenn das Menü _länger_ ist als der DIV hoch, soll das Menü _umbrechen_.

____________________________________________________
|                          |              Fortsetzung|
|                          |                   des   |
|                          |ul#navigation   Menüs    |
|                          |                         |
|                          |                         |
|__________________________|__*umbruch*______________|

Das sagt mir immer noch nichts.

gruß,
wahsaga

[korn]

hi,

Wenn das Menü _länger_ ist als der DIV hoch, soll das Menü _umbrechen_.

____________________________________________________
|                          |              Fortsetzung|
|                          |                   des   |
|                          |ul#navigation   Menüs    |
|                          |                         |<-----|
|                          |                         |      |
|__________________________|__*umbruch*______________|      |
                                                               |
Das sagt mir immer noch nichts.                                |

|
Also, nochmal.                                                    |
                                                                  |
Die Navigation befindet sich innerhalb eines umschließenden DIVs -|

Wenn aber mehr Listeneinträge im Menü vorhanden sind, als das DIV hoch ist, soll die Navigation nicht einfach den DIV nach unten hin sprengen, sondern umgebrochen werden, dh rechts von den anderen Listeneinträgen fortgeführt werden.

Hoffe das war jetzt verständlich :)

[wahsaga]

hi,

Die Navigation befindet sich innerhalb eines umschließenden DIVs -|

Wenn aber mehr Listeneinträge im Menü vorhanden sind, als das DIV hoch ist, soll die Navigation nicht einfach den DIV nach unten hin sprengen, sondern umgebrochen werden, dh rechts von den anderen Listeneinträgen fortgeführt werden.

Also willst du Spaltensatz haben?

Der ist mit CSS 2.1 noch nicht möglich.

CSS 3 soll Möglichkeiten dazu bringen, fortgeschrittene Browser wie die der Gecko-Familie unterstützen m.W. auch bereits Teile davon.
Aber praxistauglich ist das ganze noch nicht.

gruß,
wahsaga

[korn]

Okay, danke für deine Hilfe. Werde das halt mit float managen.