Element außerhalb eines div-blocks positionieren

[markus200889]

Hallo!

Ich habe auf meiner Website ein Bild folgendermaßen positioniert:

<div class="profileImage">  
  <img src="" ... />  
</div>

CSS dazu:

div.profileImage {  
 float:right;  
 margin-left:7px;  
 margin-bottom:7px;  
 width:200px;  
}

Da drunter kommt dann sonstiger Inhalt, der wunderbar links neben dem Bild dargestellt wird.

Nun ist es aber in den meisten Fällen so, dass das Bild höher ist, als der sonstige Inhalt, der links neben dem Bild angezeigt wird. Nun möchte ich einen neuen Absatz machen, der wieder komplett unter dem Ganzen angezeigt wird und nicht noch links neben dem Bild. Ist die Höhe links neben dem Bild aber nicht ganz ausgefüllt, wird jeder neue Inhalt auch links neben dem Bild angezeigt.

Ich habe versucht, das Ganze folgendermaßen zu lösen:

<div> <!--Block 1-->  
<div class="profleImage">  
  <img ... />  
</div> <!--Ende Block 1-->  
Inhalt links neben dem Bild  
</div>  
<div> <!--Block 2-->  
Inhalt, der Unter dem Ganzen dargestellt werden soll  
</div> <!--Ende Block 2-->

Block 2 soll also unter Block 1 erscheinen, allerdings erscheinen die beiden Blöcke ineinander, wenn der Inhalt links neben dem Bild nicht "höher" ist, als das Bild.

Wie kann ich dafür sorgen, dass Block 2 unter Block 1 erscheint?

Gruß Markus

[Cheatah]

Hi,

Wie kann ich dafür sorgen, dass Block 2 unter Block 1 erscheint?

wenn Du Dich in eine gebirgige Gegend stellst und ganz laut "Float!" rufst, hörst Du, wie aus der Entfernung ein etwas leiseres "Clear!" zurück kommt.

Cheatah

[markus200889]

Sehr schön, es klappt.
Danke!