Kalle_B: Absatz in Tabellen-Zelle ausrichten

Beitrag lesen

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