Plankooo: Problem mit float

Hallo Leute,

Habe eine <div> box mit folgendem style:

<div style="padding:8px; background:#FFF; margin-bottom:20px; display:block; border:1px solid #E5E5E5;">
                            <img src="images/test3.png" style="float:left; margin-right:10px;" />
                           <h2>Hallo</h2>
                        </div>

So...
Das problem ist, das sich das <div> nicht an die größe des Bildes anpasst, aber wenn ich das bild nicht auf float:left setze schon.

Ich kenn zwar schon den trick das man das <div> auch auf float:left setzt, aber dann passt sich die box nicht auf das ganze content an, sondern hat nur die die breite des bildes+<h2>Hallo</h2>.

Gibt es da eine elegante Art das zu lösen?

Danke, mfg tom

  1. Hi,

    Das problem ist, das sich das <div> nicht an die größe des Bildes anpasst, aber wenn ich das bild nicht auf float:left setze schon.

    Und dir ist hoffentlich klar, warum ...?

    Ich kenn zwar schon den trick das man das <div> auch auf float:left setzt, aber dann passt sich die box nicht auf das ganze content an, sondern hat nur die die breite des bildes+<h2>Hallo</h2>.

    Gibt es da eine elegante Art das zu lösen?

    </archiv/2007/1/t143585/#m932279>

    MfG ChrisB