Beat: Rahmen bei einem ein Bild umfließenden Text

Beitrag lesen

Jetzt das Problem: Obwohl der Textabsatz korrekterweise an dem Bild umgebrochen wird, endet aber der rechte Rahmen nicht vor dem Bild. Der Rahmen und der Hintergrund es Absatzes erstrecken sich hinter dem Bild weiter und enden erst am rechten Seitenrand.

Richtig beobachtet. Das liegt darin, dass dieser Absatz noch keinen Block-formating Context hat.

Als Notlösung würde mir noch einfallen, dem Absatz mit margin-right einen festen Abstand vom rechten Seitenrand zu geben, der so breit ist wie das Bild. Nur: Wenn jemand einen kleineren Viewport hat oder eine größere Schriftgröße eingestellt hat, dann ist dieser Absatz gar nicht mehr neben dem Bild sondern darunter, und da soll er ja bis zu rechten Rand reichen.

Du kannst dem Absatz auch die Eigenschaft
   overflow:hidden;
oder
   overflow:auto; (achtung: ev. scrollbars im MSIE!)
geben. Dadurch erzeugst du den Blockformating Context.

mfg Beat

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o
Der Valigator leibt diese Fische