Carsi: float + fehlerhalfte container-höhe

Hi,

ich habe ein div und zwei divs darin.
  Wenn ich jetzt die beiden divs floaten lasse, umrandet die border des
  ersten divs nicht mehr die beiden inneren, sondern dieses div hat
  die höhe null. Warum?

Was kann ich dagegen tun?

- Carsten

  1. Hi,

    ich habe ein div und zwei divs darin.
      Wenn ich jetzt die beiden divs floaten lasse, umrandet die border des
      ersten divs nicht mehr die beiden inneren, sondern dieses div hat
      die höhe null. Warum?

    weil bei der Berechnung von height:auto im Element enthaltene gefloatete Elemente nicht mit einbezogen werden,

    Was kann ich dagegen tun?

    sofern das Element selbst nicht gefloatet ist.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. Das Floats unten über den Container rausgehen ist ein typisches Ärgernis.

    Lösungen sind:

    1.Du machst den Container selbst zu einem Float, diese Lösung ist speziell für den IE sehr gut geeignet.
    2.Du fügst hinter den Floats und dem ganzen Text drumherum folgende Zeile ein
    <div style="clear:both; height: 0px;"></div>
    Diese Lösung ist aber gefährlich, weil sie auch Floats ausserhalb!!! deines Containers beeinflusst.

    Bei beiden Lösungen hat der Container auf wundersame Weise danach wieder Höhe.

    Gruß,
    Flash

    1. hi,

      Das Floats unten über den Container rausgehen ist ein typisches Ärgernis.

      Wieso Ärgernis?
      So ist float nun mal definiert.

      Bei beiden Lösungen hat der Container auf wundersame Weise danach wieder Höhe.

      Wieso auf wundersame Weise?
      So ist float nun mal definiert.

      gruß,
      wahsaga

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