uliII: Container mit gefloateten Inhalten füllen und overflow:auto...

Hi,

ich möchte div Container nebeneinander mit float ausrichten und den umschliessenden Container mit einem Scroolbalken scrollen, - weil die inneren Container zu breit werden.

Der äussere Container ist 1020px breit und der Scrollbalken kommt von overflow:auto.

Das klappt aber nicht, - die inneren div Container "brechen" um und der Scrollbalken wird dadurch nicht waagerecht sondern senkrecht "erzeugt".

MUSS man da einen zusätzlichen Container innerhalb des umschliessenden Containers benutzen, um den Scrollbalken korrekt zu erhalten?

Geht das besser (anders)?

LG uli

  1. Aloha ;)

    Hm - das sind ein bisschen wenig konkrete Informationen. Trotzdem:

    Hast du schonmal versucht, deinen inneren Containern mit height und max-height eine bestimmte Höhe vorzuschreiben und die Breite explizit mit width:auto; offen zu lassen?

    Vielleicht löst das dein Problem ja schon...

    Grüße,

    RIDER

    --
    Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
    ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
  2. Hi,

    ich möchte div Container nebeneinander mit float ausrichten und den umschliessenden Container mit einem Scroolbalken scrollen, - weil die inneren Container zu breit werden.

    Der äussere Container ist 1020px breit und der Scrollbalken kommt von overflow:auto.

    Und die – aufsummierte – Gesamtbreite der nebeneinander floatenden Elemente kennst du?

    MUSS man da einen zusätzlichen Container innerhalb des umschliessenden Containers benutzen, um den Scrollbalken korrekt zu erhalten?

    Nein, MUSS man nicht.

    Wenn die Gesamtbreite bekannt ist, tut’s auch ein per :before eingefügtes Pseudoelement, dem man diese Breite gibt.

    Wenn die Gesamtbreite nicht bekannt ist – dann ist float nicht das richtige Werkzeug; inline-block und white-space führen dann zum Ziel.

    MfG ChrisB

    --
    Autocomplete has spoiled me to a point where it happens every so often that I encounter a CAPTCHA, and I just type in the first character … and then wait for the rest of the code to be automatically suggested :/