Problem: Bei unterschiedlichen Zeilen sind die Tabellen unterschiedlich hoch (z.B. wenn Tabelle 1 hundert Zeilen im Inhalt hat und Tabelle 2 nur eine einzige Zeile. Beide Tabellen sollen aber immer gleich hoch sein, egal welche von beiden mehr Zeilen hat.
Bedingungen:
Die gelben Zellen, die die Überschriften beinhalten, sollen die aktuelle Größe behalten (und nicht höher werden)
Die Zellen, in denen der Inhalt steht sollen immer beide gleich hoch sein, egal welche der beiden Zellen im Einzelfall länger ist
Die Höhenangabe darf nicht in Pixel erfolgen (da die Tabellen für mehrere unterschiedliche Fälle verwendet werden)
so, ich habe gestern versucht dein Problem zu lösen, jedoch ohne Erfolg und zwar, denke ich aktuell ist das ohne JavaScript garnicht möglich, vielleicht kann dir aber sonst einer hier den möglichen Lösungsweg präsentieren.
Ansonsten verwenden und CSS. Mit CSS ist es bestimmt möglich.
Problem: Bei unterschiedlichen Zeilen sind die Tabellen
unterschiedlich hoch (z.B. wenn Tabelle 1 hundert Zeilen im
Inhalt hat und Tabelle 2 nur eine einzige Zeile. Beide
Tabellen sollen aber immer gleich hoch sein, egal welche von
beiden mehr Zeilen hat.
Der Trick besteht darin, dass du deinen ineinander verschachtelten Tabellen und deinen hellgelb gefärbten inneren Inhalts-TD-Elementen jeweils über CSS 100% Höhe geben musst.
Mit Rücksicht auf Opera und IE muss sich das Dokument im Quirksmodus befinden (also z.B. keinen DOCTYPE angeben, was man aber eher vermeiden sollte, wenn man sich dafür bei anderen als Tabellen-Elementen keine CSS-Darstellungsunterschiede zwischen den einzelnen Browsern einhandeln will).