Felix: float-div ragt über container-div raus

Hallo Forum,

folgendes Problem:

In einem div-Container steht Fließtext sowie ein weiterer div (Sidebar). Die Sidebar ist mit float: right an der rechten Seite positioniert.

Wenn nun aber die Sidebar länger ist als der Container, ragt sie über den Rand des Containers hinaus, obwohl sie ja eigentlich Inhalt des Containers ist.

Wie kann ich hier Abhilfe schaffen?

  1. hi,

    Wenn nun aber die Sidebar länger ist als der Container, ragt sie über den Rand des Containers hinaus, obwohl sie ja eigentlich Inhalt des Containers ist.

    Nein, ist sie nicht - du hast sie schließlich mit float explizit aus dem Fluss genommen.

    Wie kann ich hier Abhilfe schaffen?

    Floate den Container selber ebenfalls, oder hebe das Floaten nach dem gefloateten Element mittels clear wieder auf.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo wahsaga.

      Wie kann ich hier Abhilfe schaffen?

      Floate den Container selber ebenfalls, oder hebe das Floaten nach dem gefloateten Element mittels clear wieder auf.

      Oder lege einen von „visible“ abweichenden Wert für den Container fest.

      Einen schönen Donnerstag noch.

      Gruß, Ashura

      --
      sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
      mathbr:del.icio.us/ mathbr:w00t/
      1. Hallo gute Ingrid.

        Oder lege einen von „visible“ abweichenden Wert für <del>den</del><ins>die overflow-Eigenschaft des</ins> Container fest.

        Einen schönen Donnerstag noch.

        Gruß, Ashura

        --
        sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
        mathbr:del.icio.us/ mathbr:w00t/