Z€ddix: Höhe des absolut positionierten td an tr anpassen

Hallo,
Ziel ist es eine fixierte Spalte in einem Table zu erstellen, welche sich nach der Zeilenhöhe ausrichtet.

folgendes:
Ich habe ein td an einem div außerhalb der Tabelle positioniert.
Damit ist das td Element aus dem Tabellenfluss genommen. "Leider"(gehört sich ja so, ist hier gewünscht :D) orientiert sich damit das td Element auch nicht mehr an der Höhe des tr.

Wie im Beispiel zu sehen, entstehen schnell unschöne Lücken, sobald die Höhe des tr größer als das td wird:
http://www.nacouncil.org/box/test.html

Jetzt die Frage, hat jemand eine Idee, wie ich die td durch geschicktes CSS oder HTML diese Lücken beseitigen kann?

Ich weiß, dass es viele Javascript Lösungen gibt, oder das man die gesamten Zeilen durch ein fixes Tabellenlayout(Höhe) einheitlich gestalten kann. Dies würde ich aber nur ungern tun. Deshalb, kennt jemand noch eine andere Lösung?

Ich habe im Hintergrund noch einen PHP Server laufen, der die Seite erstellt, falls das hilfreich für kreative Lösungen sein sollte ;).

  1. Hallo Z€ddix,

    http://www.nacouncil.org/box/test.html

    Was willst du mit der absoluten Positionierung der jeweils ersten Zelle in jeder Zeile denn bezwecken, etwa, dass sie als Zeilenkopf stehen bleibt?

    Gruß Gernot