Johannes: Probleme mit Layout ohne Tabelle

Beitrag lesen

Hallo,

ich versuche gerade nur ein Bild von Text umfließen zu lassen und dem ganzen einen Hintergrund zu geben.

<div style="width:200px; background-color:#333333;">

<div style="float:left;">
  <img src="test.gif" alt="" />
</div>

<div>
  test testtest testtest testtest
</div>

</div>

funktioniert aber nur dann, wenn der Text auch wirklich am Ende des Bildes ankommt, sonst nimmt wirklich nur der Hintergund die gewünschte Farbe an, der auch Text beinhaltet.
Das verstehe ich nicht so ganz, schließlich gebe ich nicht den inneren Elementen eine Farbe, sondern dem Element, in dem die beiden anderen liegen.

Wenn ich dem äußeren Element einen Rahmen gebe, dann sehe ich, das das Bild darüber hinaus geht, es überschneidet also das umfassende div.

Dasselbe passiert, wenn ich  wirklich nur das img tag und Text habe und das float:left dem Bild zuweise, oder wenn ich die inneren div-tags durch <p> oder <span> ersetze.

Kann mir jemand bei dem Problem weiterhelfen?

Gruß,

Johannes