Felix Riesterer: float (Textumfluss) mit positioniertem Bild

Beitrag lesen

Liebe(r) Adrian,

Ich habe folgendes Problem, ich möchte rechts ein Bild poisitionieren, welches links von nem text umgeben ist der unten weiter geht.

aha... also ein <p><img src="..." alt="..." style="float: right;" />Hier der Fließtext...</p>

<div style="position:absolute; top:0px; right:0px; height:240px; width:320px; float:right;">

Widersprechen sich "position: absolute" und "float:right" nicht gegenseitig?

Problem: Nachfolgender Text ist zwar daneben, position stimmt aber erst wenn soviel text vorhanden ist, dass höhe des inneren ramens erreicht wird.

Was willst Du damit sagen? Wenn in einem Fließtext ein Bild vorkommt, dann ist es zunächst mal ein inline-Element. Wenn Du es per "float" aus dem Fluss herausnimmst, dann verhält sich der Fließtext an sich weiterhin so, als ob nichts gewesen wäre. Sollte das Bild dem Fließtext "im Weg sein", so fließt er halt drumherum. Und genau das solltest Du ihn auch ungestört tun lassen, anstatt ihn mit irgendwelchen "position: relative"-Angaben darin zu stören!

Liebe Grüße aus Ellwangen,

Felix Riesterer.