Ronny Riedel: TD - Inhalte vertikal trennen

Beitrag lesen

Hallo zusammen,

ich hab eine Tabelle mit zur Zeit folgendem Inhalt:

+-------------------+-------------------+
| kurzer Inhalt     | enthaelt etwas    |
|                   |  mehr Inhalt als  |
| [AktionsLink]     |  die erste Zelle  |
|                   |                   |
|                   | [AktionsLink]     |
+-------------------+-------------------+
| usw.              | usw.              |

Der einfache Text ist in ein "p"-Element eingeschlossen, der "AktionsLink" ist zur Zeit ein simples "a"-Element. HTML-Code sieht also wie folgt aus:

<tr>  
  <td>  
    <p>[Text]</p>  
    <a>[AktionsLink]</a>  
  </td>  
  <td>  
    <p>[Text]</p>  
    <a>[AktionsLink]</a>  
  </td>  
</tr>

Meine Frage: Wie erreiche ich es, das der Link immer am unteren Rand der Tabellenzelle generiert wird und somit das ganze wie folgt aussieht:

+-------------------+-------------------+
| kurzer Inhalt     | enthaelt etwas    |
|                   |  mehr Inhalt als  |
|                   |  die erste Zelle  |
|                   |                   |
| [AktionsLink]     | [AktionsLink]     |
+-------------------+-------------------+
| usw.              | usw.              |

Absolute Positionierung funktioniert nicht, da diese sich an relativ positionierten Eltern-Elementen orientiert und TD-Elemente nicht relativ positioniert werden koennen (Link). Das ganze in einen relativ positioniertes "div"-Element einbetten bringt auch nichts, da dieses zwar die komplette Breite der umschliessenden Zelle vereinnahmt, aber nicht die Hoehe.

Hat irgendjemand eine Idee?

Danke & Gruß
  RR