Grafik im Eck unten rechts ausrichten

[Lu]

Hallo zusammen,

ich würde gerne eine Grafik in einer Tabellenzelle UNTEN RECHTS im Eck ausrichten. In der Tabellenzelle ist neben der kleinen Grafik noch viel Text, der um die Grafik fließen soll:

_________________________
|                         |
|  blablablablablablabla  |
|  blablablablablablabla  |
|  blablablablablablabla  |
|  blablablablablablabla  |
|  blablablablab          |
|  blablablablab  G       |
|  blablablablab   R      |
|  blablablablab    A     |
|  blablablablab     F    |
|  blablablablab      I   |
|  blablablablab       K  |
|_________________________|

Der Hacken: Das <img>-Tag steht ÜBER dem Text (da der Text dynamisch ist).
Das funktioniert bei mir nicht. Die Grafik wird zwar rechts, aber nicht unten ausgerichtet. Mein bisheriges <img>-Tag:

<img src="grafik.jpg" style="float:right; margin-left:20px; margin-top:10px; align:right; vertical-align:bottom;">

Weder SELFHTML noch das Forumarchiv brachten mich weiter. Vieleicht ihr? .. Danke! Lu

[$xNeTworKx]

Hallo,

<img src="grafik.jpg" style="float:right; margin-left:20px; margin-top:10px; align:right; vertical-align:bottom;">

Ein Beispiel:

<div style="position:absolute; bottom:8px; right:20px"><img src="grafik.jpg" width="??" height="??" alt=""></div>

Für width und height musst du noch die Werte einsetzen. Ich würde Grafiken immer mit diesen Werten angeben.
$xNeTworKx.

[Stefan Bach]

Hallo,

<div style="position:absolute; bottom:8px; right:20px"><img src="grafik.jpg" width="??" height="??" alt=""></div>

Ich habe es jetzt gerade nicht ausprobiert. Aber wenn ich mich nicht irre, dann fließt doch der Text nicht mehr um dein <div> Element, wenn du es absolut positioniert hast, oder doch?

Viele Grüße,

Stefan

[Lu]

Erstmal Danke!
Problem: Der Text wird auf jeder Seite dynamisch generiert. Deshalb kann ich keine absolute Position angeben...
Die 'width' und 'height' Angaben habe ich wegen der Übersichtlichkeit weg gelassen. Kommen natürlich im echten Quelltext wieder dazu.

[Stefan Bach]

Hallo,

_________________________
|                         |
|  blablablablablablabla  |
|  blablablablablablabla  |
|  blablablablablablabla  |
|  blablablablablablabla  |
|  blablablablab          |
|  blablablablab  G       |
|  blablablablab   R      |
|  blablablablab    A     |
|  blablablablab     F    |
|  blablablablab      I   |
|  blablablablab       K  |
|_________________________|

Weder SELFHTML noch das Forumarchiv brachten mich weiter. Vieleicht ihr?

Ich habe jetzt mal einiges mit CSS ausprobiert, aber das was du gerne hättest, das habe ich nicht hinbekommen. Mit den Eigenschaften die ich aus den Specs kenne wüsste ich ehrlichgesagt auch nicht, wie man so etwas hinbekommen könnte. Zum Thema float heißt es in Regel Nummer 8: "A floating box must be placed as high as possible."
Die Grafik über Positionierung in die Ecke zu bekommen ist an und für sich kein Problem. Allerdings hat man dann keinen Umfluss mehr und das Bild überdeckt den Text.
Ich denke also, dass das was du gerne hättest nicht möglich sein wird. Wenn doch jemand eine Möglichkeit gefunden hat, dann würde mich diese auch interessieren.

Viele Grüße,

Stefan