fischhase: float/clear wirkt containerübergreifend. Warum?

SELF-Forum

float/clear wirkt containerübergreifend. Warum?

fischhase
– Informationen zu den Bewertungsregeln

liebes Forum,

ich bin mit meinem Latein am Ende. Folgendes Problem: Ich habe zwei DIVs #content-left und #content-main. Das #content-left hat einen float:left, um den #content-main rechts daneben zu stellen. Beides befindet sich in einem umgebenden DIV #content

#content
|----------------------------------|
|#content-left  #content-main      |
||------------| |-----------------||
||            | |                 ||
||            | |                 ||
||            | |                 ||
||            | |                 ||
||            | |                 ||
||____________| |_________________||
|__________________________________|

Wenn ich nun im #content-left einen Inhalt in einem DIV habe und im #content-main zwei DIVs. Teilweise haben die Inhalte in den DIVs ein clear:both.

Nun passiert Folgendes: Das 1. DIV innerhalb des #content-main positioniert korrekt, das 2. DIV hingegen beginnt erst bei Y = Ende des DIVs in #content-left:

#content
|----------------------------------|
|#content-left  #content-main      |
||------------| |-----------------||
||DIV         | | DIV 1           ||
|||----------|| | |--------------|||
|||          || | |              |||
|||          || | |______________|||
|||          || |                 ||
|||          || |                 || < ungewollter Abstand
|||__________|| | DIV 2           ||
||            | | |--------------|||
||            | | |              |||
||            | | |______________|||
||____________| |_________________||
|__________________________________|

Zum Verständnis:
Wenn ich #content-left einen float gebe, umfließt #content-main #content-left. Elemente innerhalb von #content-main sollten sich davon unbeeindruckt zeigen, oder?

  
<div id="content">  
  <div id="content-left">  
    <div id="c65" class="csc-default">...</div>  
  </div>  
  <div id="content-main">  
    <div id="c75" class="csc-default">...</div>  
    <div id="c79" class="csc-default">...</div>  
  </div>  
</div>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. float/clear wirkt containerübergreifend. Warum?

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Wenn ich #content-left einen float gebe, umfließt #content-main #content-left. Elemente innerhalb von #content-main sollten sich davon unbeeindruckt zeigen, oder?

    http://blog.selfhtml.org/2006/01/31/css-spaltenlayout/#float-verschachteln

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. float/clear wirkt containerübergreifend. Warum?

      fischhase
      – Informationen zu den Bewertungsregeln

      Das ist ein prima Beitrag. Vielen Dank. Es hat geklappt:

      Ich habe innerhalb des #content-main ein weiteres allumschließendes DIV#contextbox geschlungen und diesem das Attribut overflow:hidden gegeben. Es funktioniert auf jeden Fall auf den aktuellen Versionen von Firefox, Opera und IE (Windows).

      Viele Grüße

      Hi,

      Wenn ich #content-left einen float gebe, umfließt #content-main #content-left. Elemente innerhalb von #content-main sollten sich davon unbeeindruckt zeigen, oder?

      http://blog.selfhtml.org/2006/01/31/css-spaltenlayout/#float-verschachteln

      MfG ChrisB

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln