Ich habe ein HTML-Problem, das ziemlich knifflig ist, und ich bin nicht sicher, ob es eine CSS-basierte Lösung dafür gibt. Grundsätzlich habe ich ein dreispaltiges Raster. Die erste und dritte Spalte können eine variable Anzahl von Zeilen enthalten. Die zweite Spalte enthält immer genau eine Zeile. Jede Reihe hat eine Mindesthöhe.

In der Spalte mit den meisten Zeilen sind also alle Zeilen mit der Höhe auf die Mindesthöhe eingestellt. Die Zeilen in den anderen Spalten sollten gleich hoch sein, um den verbleibenden Platz einzunehmen.

Angenommen, die erste Spalte enthält drei Zeilen mit einer Höhe von jeweils 50 Pixel. Die zweite Spalte muss eine Zeile mit einer Höhe von 150 Pixel haben. Wenn die dritte Spalte 2 Zeilen enthält, müssen diese jeweils 75 Pixel groß sein. Nachfolgend einige Bilder, um zu veranschaulichen, wonach ich suche.

Ist das überhaupt mit CSS möglich?