Ich versuche derzeit verzweifelt, den Inhalt einer Tabellenspalte nach unten auszurichten. Normalerweise macht man das mit valign="bottom" (bzw. neuerdings natürlich mit CSS). Aber in meinem Fall geht das nicht, weil die entsprechende Spalte gar nicht die nötige Höhe hat. Sie ist quasi nur so hoch wie der Text, somit macht es keinen Unterschied, ob valign = top, bottom oder sonst was ist.

Ich habe folgenden HTML-Quellcode:


Ich möchte, dass der Inhalt Zeile ganz unten nach ganz unten geschoben wird, d. h. unten bündig mit dem Bild links ("avatar.jpg").

Geht das irgendwie?

Das äußere Grundgerüst muss zwingend "table" sein, da es sich um eine Erweiterung für ein uraltes Forumsystem handelt.

EDIT: Der aktuelle Quellcode steht hier: Inhalt einer Tabellenspalte nach unten ausrichten — Geht nicht mit valign="bottom"!

Leider hat das Bild eine dynamische Höhe, auch wenn das in meinem Beispiel nicht so aussieht. Und height=100% geht nicht.

Ich kann's morgen erst nachschauen, ob's damit geht, aber ich glaube, eine 2. Tabellenzeile sieht einfach blöd aus und macht in dem Fall das Design kaputt. Ich melde mich.

Wie sich rausstellte, sieht das Konstrukt doch etwas anders aus (hatte das nur aus der Erinnerung wiedergegeben). Hier das richtige:


MEIN_BUTTON_LINKS und MEIN_BUTTON_RECHTS sollen unten bündig mit der Avatar-Grafik sein (oben im Quellcode).

Edit: Alles ab (inkl.) dem <tr> über MEIN_BUTTON_... kann beliebig bearbeitet werden. Oben das colspan="2" habe ich auch eingefügt, weil sonst mein neuer Part mit 2x td nicht klappt.

3daycliff schrieb:

Außerdem wäre noch zu überlegen, was passiert, wenn POSTING höher ist, als das Bild.

In dem Fall sollen die Buttons bündig mit dem Posting sein. Also auch da habe ich mich undeutlich ausgedrückt. Also die Buttons sollen immer am unteren Ende des gesamten Konstruktes sein, egal wo was drin ist und wie lang.

Vermutlich ist JS wirklich die einzige Möglichkeit. Ich werde es versuchen.

Danke erstmal.

EDIT: Ich habe es nun ohne JS gelöst, und zwar wie folgt: