nocheinPoet: margin-top, will nicht wie ich es will

Beitrag lesen

Was mich immer noch wundert ist, das es mir noch nie aufgefallen ist, ich scheine echt noch nie ein margin gesetzt zu haben, in einem DIV das unter einem mit float sitzt.

Das ging mir ähnlich, ich hab' das vorher auch noch nicht wahrgenommen.

Dann noch mal was, ich habe ja auch im das erste DIV ein weiters gelegt, und das hatte kein float, sondern nur das DIV darin. Dennoch hat sich er margin im untersten DIV nicht ausgewirkt und das hätte er in diesem Fall schon müssen.

Ich habe Dir das mal hochgeladen: http://www.atopic.de/example/demo_09.html

In deinem Beispiel hast du nicht die Styles gesetzt, die im Text stehen. Wenn du es machst, wirkt sich der margin auf das Element aus (bzw. wird angezogen, wie du es sagst).

<div style="background: #cfcfff">

&lt;div style="background: #cfcfff;"&gt;<br />

<div style="float:left;background: #ffcfcf">&nbsp;&nbsp;&nbsp;&nbsp;&lt;div style="background: #ffcfcf">DIV mit "float" in einem DIV ohne "flaot"&lt;/div&gt;</div>
        &lt;/div&gt;
        <div style="clear: both; margin-top: 30px ; background: #cfffcf">&lt;div style="clear: both; margin-top: 30px ; background: #cfffcf"&gt;DIV mit "clear: both; margin-top: 30px&lt;/div&gt;<br /></div>
        </div>


>   
> Struppi.  
  
Keine Ahnung was Du meinst ich habe in der Seite: http://www.atopic.de/example/demo\_09.html  
~~~html
		  
<div style="background: #cfcfff;">  
<div style="float: left ; background: #ffcfcf">DIV mit "float" in einem DIV ohne "float"</div>  
</div>  
<div style="clear: both; margin-top: 30px ; background: #cfffcf">DIV mit "clear: both; margin-top: 30px"</div>  

Und wie man sieht, liegt das grüne DIV direkt unter dem roten, ohne margin.