float (Textumfluss) mit positioniertem Bild

[Adrian]

Hallo zusammen
Ich habe folgendes Problem, ich möchte rechts ein Bild poisitionieren, welches links von nem text umgeben ist der unten weiter geht. (siehe für eine Ansicht http://www.spaargaren.ch/willem/neu/index.html --> TEAM (nicht versuchsobjekt!!!)) aber irgend wie funktioniert das mit relativ positionierten Ramen nicht.
meine Versuche die Seite ohne innere Tabelle zu machen schlugen alle fehl.

Versucht1:
<div style="position:relative; border:solid; top:0px; right:0px; width:630px; height:520px; overflow:hidden;">
<div style="position:absolute; top:0px; right:0px; height:240px; width:320px; float:right;">
<img border="0" src="templates/spaargaren/images/raumplanung.jpg" /></div>
</div>

Problem: Nachfolgender Text ist darunterliegend und nicht float:right

Versucht2:
<div style="position:relative; border:solid; top:0px; right:0px; width:630px; height:520px; overflow:hidden;">
<div style="position:relative; top:0px; right:0px; height:240px; width:320px; float:right;">
<img border="0" src="templates/spaargaren/images/raumplanung.jpg" /></div>
</div>

Problem: Nachfolgender Text ist zwar daneben, position stimmt aber erst wenn soviel text vorhanden ist, dass höhe des inneren ramens erreicht wird. Einfach ein transparentes image daneben zu setzen geht auch nicht und nen weiteren leeren 1 pixel hohen und 300px-breiten div-block auch nicht.

Guter Rat ist gefragt... Vielen Dank für eure Mühe.