Absatz in Tabellen-Zelle ausrichten

[Hurry]

Hallo miteinand,
ich möchte gerne in einer zweispaltigen Tabelle, dessen Zeilenhöhe durch ein Bild in der ersten Spalte bestimmt wird, in der zweiten Spalte 2 Absätze positionieren, wobei der erst oben in der Zelle, der zweite jedoch unten ausgerichtet sein soll.

Alle meine bisherigen Recherchen zu Thema align richten immer beide Absätze entweder oben oder unten aus. Alle Versuche mit CSS führten nicht zum Ziel, ich meine aber mit CSS gibt es eine Lösung.

Meine bisherigen Experimente basierten auf folgender Hierarchie (vereinfacht, ohne formatierung):
<table>
  <tr>
    <td>
      <div>
        <p>Absatz oben</p>
        <p>Absatz unten</p>
      </div>
    </td>
  </tr>
</table>

Wäre schön, wenn jemand eine Lösung wüsste. Danke

[Kalle_B]

Hallo,

das geht offenbar nur dann, wenn du alle übergeordneten Elemente mit position:absolute; definierst und dann in der Tabellenzelle

<p style='margin:0'>Absatz oben</p>
<p style='position:absolute; bottom:0; margin:0'>Absatz unten</p>

denn bottom wirkt nur in Verbindung mit position:absolute.

Aber so hast du es wohl nicht gemeint. Ich löse solche Probleme mit einer eingeschobenen Tabelle:

<td style='height:20em' valign=top>
  <table border=1 height='100%'>
  <tr><td valign=top><p style='margin:0'>Absatz<br>oben</p></td></tr>
  <tr><td valign=bottom><p style='margin:0'>Absatz<br>unten</p></td></tr>
  </table>
</td>

Die Angabe 100% Höhe klappt aber auch nur dann, wenn das umgebende Element eine feste Höhe bekommen hat.

Falls es doch mit CSS geht, würde ich mich wundern.

LG Kalle