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

Beitrag lesen

Salut

Hab's glaub geschafft. Funktioniert jedenfalls im IE 5.5 und muss warscheinlich noch etwas überarbeitet werden, damit es überall läuft.
Der Tipp mit der absoluten Positionierung innerhalb eines Elementes war mein Schlüsselerlebnis!

Merci
Schorsch

Lösung

<style type="text/css">
p{width:20em;}
</style>

</head>
<body>

<span style="position:relative; height:300px;">
  <span style="position:absolute; bottom:0px; right:0px; margin-right:-20em;">
      <p>Judihui, dieser Text steht schön rechts vom Bild und beginnt unten...</p>
      <p>Das ist noch ein Sätzli mehr. Da haben wir ein paar Sätze drin. </p>
      <p>Und noch ein letzter Absatz. </p>
  </span>
  <img src="http://www.google.ch/images/firefox/fox1.gif" style="height:300px;" />
</span>

</body>
</html>