IMG mit float:left in einem DIV
snorri
- css
... und noch ne CSS-Frage:
Ich habe ein DIV, darin ein Bild. Das Bild setze ich per float:left an den linken Rand. Wenn nun das Bild, sagen wir mal, 100 Pixel hoch ist, der Inhalt des DIVs aber nur 50 Pixel benötigt, hängt das Bild unten über den Rand des DIVs raus:
<div style="border: 1px solid black">
<img src="http://src.selfhtml.org/logo.gif" style="float:left">
afkljhg öafdsjhg dkfhub lasdfuhg ladfuhg ldufhg ldfuhglsdf gsdf
</div>
Nicht mal ein <br clear="all"> hilft da. Muss ich da wirklich manuell überall ein height bzw. min-height in meine DIVs bauen oder geht das geschickter?
-- snorri
hi,
Wenn nun das Bild, sagen wir mal, 100 Pixel hoch ist, der Inhalt des DIVs aber nur 50 Pixel benötigt, hängt das Bild unten über den Rand des DIVs raus
Works as designed.
Nicht mal ein <br clear="all"> hilft da.
Sollte es eigetnlich tun.
Muss ich da wirklich manuell überall ein height bzw. min-height in meine DIVs bauen oder geht das geschickter?
Du kannst auch den Div selber ebenfalls floaten.
gruß,
wahsaga
Hi wahsaga!
Du kannst auch den Div selber ebenfalls floaten.
DAS war der entscheidende Hinweis. Danke mal wieder!
Nicht mal ein <br clear="all"> hilft da.
Sollte es eigetnlich tun.
Sollte es vielleicht -- tut es aber nur im FF, nicht im IE ...
-- snorri