paul 4443: Stylesheets Grundlagen

Ich habe eine Frage zu Stylesheets.

Und zwar wenn mein Quelltext so aussieht:

  
<div id="1">  
  
<div id="2"></div>  
<div id="3"></div>  
  
</div>  
  
<div id="4"></div>  

Jetzt setzte ich den div2 auf float:left, sodass div3 um ihn fließt.
div1, der die beiden umschließt, müsste ja noch weiter bis zum rechten Ende der Seite gehen.

Warum fließt jetzt div4, der ja außerhalb liegt, ebenfalls um div2. Eigentlich müsste der doch unter div1 stehen.

  1. @@paul 4443:

    nuqneH

    Und zwar wenn mein Quelltext so aussieht:

    <div id="1">

    <div id="2"></div>
    <div id="3"></div>

    </div>

    <div id="4"></div>

    Dann hast etwas falsch gemacht.

    Jetzt setzte ich den div2 auf float:left, sodass div3 um ihn fließt.
    div1, der die beiden umschließt, müsste ja noch weiter bis zum rechten Ende der Seite gehen.

    Ja, das tut er. (es sei denn, du hast irgendwas dagegen getan.)

    Warum fließt jetzt div4, der ja außerhalb liegt, ebenfalls um div2.

    ??

    Eigentlich müsste der doch unter div1 stehen.

    Ja, das tut er. (es sei denn, du hast irgendwas dagegen getan.)

    Qapla'

    --
    Volumen einer Pizza mit Radius z und Dicke a: pi z z a
  2. Hi,

    Jetzt setzte ich den div2 auf float:left, sodass div3 um ihn fließt.

    Du sagst, div2 soll von nachfolgenden Inhalten umflossen werden.

    Warum fließt jetzt div4, der ja außerhalb liegt, ebenfalls um div2.

    Weil du für div2 gesagt hast, dass nachfolgende Inhalte ihn umfliessen sollen.

    Du möchtest dir anschauen, wie man floating mittels clear wieder aufhebt.

    Vor weiteren Grundlagenfragen arbeite bitte das mal durch: http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]