Bild mit Text, der rechts unten -> Lösung

[Schorsch]

Salut

Du willst doch bewußt Block-Elemente verwenden, dann mach' das auch. Und Block-Elemente gruppiert man normalerweise mit DIV.

<div style="width:310px; position:relative; height:300px; border: 1px solid red;">
  <div style="position:absolute; bottom:0px; right:-20em; width:20em; border: 1px solid black;">
    <p>Text</p>
    <p>Text</p>
    <p>Text</p>
  </div>
  <img src="http://www.google.ch/images/firefox/fox1.gif" style="height:300px;" />
</div>

OK, jetzt habe ich aber ein arges Problem:
Dem obersten Div muss ich sagen wie breit er ist ("width:310px;") und genau das weiss ich nicht.

Wie kann ich einem Div sagen: "Bitte sei einfach so breit, wie das Bild in dir dirn???"
Der Div muss sich ja exakt der Breite des Bildes anpassen.

Gruss Schorsch