Felix234: float-Boxen sollen festen Bereich meiden

Hallo zusammen,

in meinem Layout habe ich viele unterschiedlich große div-Boxen, die sich mittels float je nach Viewportgröße automatisch anordnen. Gibt es eine Möglichkeit, evtl. mit Javascript oder einem jQuery-Plugin, hierbei einen fest definierten Bereich aus der möglichen Floatfläche auszunehmen?

Eine kleine Skizze zur Veranschaulichung: die float-Boxen sollen sich je nach ihrer Größe in Bereich B verteilen, dabei aber keinesfalls Teile von Bereich A und C überdecken. (Eine Beispielseite für die Float-Anordnung an sich wäre http://catk.de/). Würde mich freuen, wenn hier jemand einen Tipp beisteuern könnte.

****************************
*                          *
*                          *
*********       B          *
        *                  *
   A    *                  *
        *                  *
*********             ******
*                     *  C
*                     ******
*                          *
****************************

Grüße,
Felix

  1. Hallo,

    (Eine Beispielseite für die Float-Anordnung an sich wäre http://catk.de/).

    auf dieser Seite floatet nichts außer dem footer 8der einen Fehler enthält).

    Eine kleine Skizze zur Veranschaulichung: die float-Boxen sollen sich je nach ihrer Größe in Bereich B verteilen, dabei aber keinesfalls Teile von Bereich A und C überdecken.

    Wenn du float nutzt, kannst du dessen Einfluss auf BFCs zu eigen machen.

    Allerdings wird dadurch in der Regel nicht der Float sondern das entsprechende Element beeinflusst.

    Gruß