Andreas: In Tabellenzelle Text gleichzeitg oben und unten ausrichten

Beitrag lesen

Die Frage ist, weshalb der ABstand ziwischen den Zeilen da sein soll. Haben die 2 Zeilen so wenig Bezug zueinander oder ists nur optischer Gimmick? Im ersten Fall wäre eine rowspan=2 Lösung angebracht.

Das ganze ist ein Tagesprogramm, in jeder Tabellenzeile steht eine Ativität, und die 2 besagten Zeilen sind Start- und Endzeit der Aktivität.  Meiner Meinung nach ist intuitiv wenn die Startzeit Aktivität am oberen und die Endezeit am unteren Rand der Beschreibung zu setzen.  Um auf deine Frage zu antworten: wahrscheinlich optischer Gimmick.

Du könntest die 2.Zeile auch über position:absolute und bottom:0 nach unten Platzieren. Das erfordert aber einen DIV mit height/width 100% und position:relativ um den kompletten Inhalt der Tabellenzelle.

Jep, folgendes hab ich probiert, geht jedoch alles nicht.

In folgendem Fall befindet sich Zeile 2 irgendwo außerhalb der Tabelle (viel zu weit unten):
<td>
  <div style="position: absolute; height: 100%;">
    <div style="top: 0px;">zeile 1</div>
    <div style="bottom: 0px;">zeile 2</div>
  </div>
</td>

In disen Fällen ist keine Veränderung zu erkännen (also als ob keine divs da wären)
<td>
  <div style="position: relative; height: 100%;">
    <div style="top: 0px;">zeile 1</div>
    <div style="bottom: 0px;">zeile 2</div>
  </div>
</td>

<td style="position: relative;">
  <div style="top: 0px;">zeile 1</div>
  <div style="bottom: 0px;">zeile 2</div>
</td>