Text in Container um positionierte Grafik fließen lassen

[pudem]

Hallo,
ich dachte, das wär ganz einfach, aber ich kriege es auch nach längerem Suchen einfach nicht hin.

Ich habe eine div-box mit Text. Unten rechts in der Box ist eine Grafik. Um diese Grafik soll der Text herumfließen. Tut er aber nicht, sondern er wandert hinter die Grafik. Der float-Befehl ist wirkungslos.

Hier mein Testcode:

 <div style='position: relative;background:yellow;width:300px';>
Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen.
  <img src='test.png' style='position: absolute;bottom: 10px;right: 10px; background:green; float:right; width:50px; height:50px;'>
</div>

Wie kriege ich es hin, dass der Text um die Grafik herumfließt?

 

[MrMurphy]

Hallo

Float und position: absolute vertragen sich nicht. Du solltest also position: absolute weglassen.

Gruss

MrMurphy

 

[pudem]

Danke, aber dann ist die Positionierung nicht mehr möglich. Gibt's da irgendwelche Alternativen?

 

[MrMurphy]

Hallo

Gibt's da irgendwelche Alternativen?

Ja. Es kommt halt darauf an was du überhaupt erreichen willst. Wenn Text ein Bild umfließen soll ist float schon korrekt.

Gruss

MrMurphy

 

[pudem]

Naja, ich möchte, dass Text in der Box dargestellt wird. Die Läge des Textes ist flexibel, ich kann also die Höhe nicht angeben. Unten rechts in der Box soll die Grafik dargestellt sein. Der Text soll um diese Grafik herumfließen

 

[pudem]

Ich hab das mal aufgemalt (das Blaue soll die Grafik sein):

 

[nu.tella]

Guck mal: Klick mich

 

[pudem]

Danke, aber so weit bin ich auch schon vorgedrungen. Ohne Ergebnis.

 

[pudem]

Genial, Danke!
Hätte nicht gedacht, dass man für so eine einfache Konstruktion Javscript bemühem muss