Captain: Floating CSS-Layout

Beitrag lesen

Hi,

ich habe eine Problem mit einem reinen CSS-Layout. Vielleicht kann mir jemand etwas unter die Arme greifen.

--------------------

  • Div 1            -
    --------------------
  • Div -  Div 3     -
    -  2  -            -
    -     -            -
    --------------------

Ich habe ein Layout mit drei Divs als Container. Div 1 wird ganz normal links oben angeordnet und bleibt auch dort. Div 2 hat eine feste Breite und "float:left". Sonst gibt es bei den dreien keine weiteren Positions-, Breiten oder Float-Angaben.
In Div 3 befindet sich ein weiteres Div mit "float:right" und fester Breite. Dadurch stehen Div 4 und Div 2 auf gleicher Höhe und Div 4 immer rechts am Rand. Die Lücke zwischen 4 und 2 ändert ihre Grösse je nach Fenstergrösse. Aber wenn das Fenster zu klein wird, rutscht Div 3 (inklusive 4) unter Div 2. Gibt es eine Möglichkeit das zu verhindern, also dafür zu sorgen, das 2 und 3+4 immer auf der gleichen Höhe bleiben und ab einer gewissen Grösse statt dessen Scrollbalken angezeigt werden, die auch allgemein funktioniert?

Danke für jeden Tip.

Gruss
Captain