floatende divs?

[gabi-fragt]

Hallo. Ich möchte mit CMS arbeiten.
Der Text-Content den der User schreibt, soll in das erste DIV geladen werden.
In dem andern DIV soll ein Bild an vorgegebener Stelle sein. Das Bild soll nicht im ersten DIV sein, damit der User es nciht einfach löschen oder verschieben kann (weil es ja dann zum Content gehören würde).
Ich möchte gerne dass der Text um das Bild herum fließt.
Position des Bildes würde ich in dem zweiten Div festlegen.
Aber wie mache ich das, dass der Text oben UND unten fließt?

wenn ich folgenden code verwende:

<div style="float:left; width:250px; "><img src="bild.jpg">  
</div>  
<div> Text  
</div> 

..dann fließt der Text nur am ENDE des linken divs um den div herum und dann weiter. Aber oben beginnt der Text genau neben dem div und nicht dadrüber.
Setze ich mit Position das Bild weiter runter, landet es einfach im Text des ersten DIV und lässt über sich eine Menge weißen Platz ??!!

Ich füge mal die URL mit an, die das ganze verdeutlichen soll.

[ChrisB]

Hi,

Aber wie mache ich das, dass der Text oben UND unten fließt?

Mit den derzeitigen Möglichkeiten von CSS allein: Gar nicht.
Floatende Elemente sind immer „oben“.

Du kannst höchstens den Text in zwei Teile aufteilen, und das Bild dazwischen setzen. Aber auch damit bekommst du kein echtes, nahtloses Umfließen des Bildes hin.

MfG ChrisB

[suit]

Wie Chris dir schon gesagt hat ist das nicht möglich - was du aber machen kannst: bringe deinem CMS bei das Bild nach einer bestimmten Wort- oder Zeichenzahl in den Fließtext zu klatschen.