Datenbankbasierter Text - Textfluß oberhalb eines .float-elements?

[plexynote]

Moin,

gibt es eine Möglichkeit, mittels float den Text auch oberhalb einer Box fließen zu lassen?

Aufgabe: Text aus einer Datenbank soll eine Bildbox oben rechts und unten umgeben.

erster (falscher) Lösungsansatz: Bildbox auf float:left; und margin-top: 200px; gesetzt, danach Text eingefügt. Problem: Der Text beginnt zwar im Gegensatz zur Box oben, bleibt aber immer rechts von der Box, so dass oberhalb der Box eine leere Fläche entsteht.

Käme der Text nicht aus einer Datenbank, würde ich ihn zerteilen, den ersten Teil über die gesamte Breite fließen lassen, dann die Bildbox float:left; ohne margin-top und anschließend der zweite Teil des Textes.
Geht in diesem Fall aber nicht ohne Scripte (php, javascript), die den Text aus der Datenbank heraus zerteilen.

Gibt es da eine reine CSS-Lösung oder einen CSS-basierten Workaround?

LG plexynote

[sejuma]

Das geht m.E. nur dann, wenn es eine Möglichkeit gibt, die Bildbox in den Text zu integrieren. Z.B. wenn du nach einer bestimmten Anzahl von Zeichen in den Text includen könntest oder so ähnlich.
Damit kenn ich mich aber nicht aus.
Nur mal als reines HTML/CSS-Konstrukt:

<div style="width: 200px;  border: 2px solid green;">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

<div style="float: left;margin: 5px; width: 100px; height: 100px; border: 2px solid red;">Bidbox</div>

Text Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text 
Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
</div>
</div>

[plexynote]

Hab mit Hilfe eines anderen Forums eine reine CSS-Lösung gefunden:

http://trick-design.de/floattest.htm

Der Trick ist, noch ein weiteres float-Element dem Bildcontainer voranzustellen und dem Bildcontainer gleichzeitig float und clear zu verpassen.

Dank an Corina Rudel für die Hilfe!

[sejuma]

Super gelöst. Danke für den Hinweis!