TD - Inhalte vertikal trennen
Ronny Riedel
- css
1 krischi
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
moinmoin,
wie wär's mit ner weiteren Zeile?
+-------------------+-------------------+
| kurzer Inhalt | enthaelt etwas |
| | mehr Inhalt als |
| | die erste Zelle |
+-------------------+-------------------+
| [AktionsLink] | [AktionsLink] |
+-------------------+-------------------+
Gruß Krischi