Das sieht für mich nach einer Tabelle aus. Somit wäre eine HTML Tabelle
sematisch durchaus ok.
Es ist aber keine Tabelle, wo daten tabellarisch aufgelistet werden,
sondern ein Layout.
Ich hab jetzt keine Lust dies zu probieren, denn du hast das ganze Prinzip
nicht verstanden.
Ich denke eher du hast es nicht verstanden.
Mit CSS hast du nicht die Möglichkeiten, wie mit einem Grafikprogramm,
wenn dir diese nicht ausreichen, wie in deinem Beispiel das fehlende
Gitter, dann hast du zwei Möglichkeiten, entweder du entwirfst dein Layout
so das es sich mit dem Werkzeug was du hast, umsetzen läßt - was nicht
wenige auch können - oder du benutzt Hilfmittel, wie in diesem Falle eine
Tabelle.
Jetzt weiß ich, dass du das Prinzip wirklich nicht verstanden hast.
Es geht nicht um pixelgenaues Layout, sondern um ein Stinknormales.
Die Tabelle MUSS ich nehmen, aber dann ist es nicht mehr streng
semantisches HTML.
Die Frage ist was ist die Praxis?
Du musst in der Lage sein das Werkzeug, das du hast zu nutzen. Eine
Schraube läßt sich mit dem Hammer in die Wand schlagen, eleganter ist es
mit einem Schraubenzieher, das dauert aber u.U. länger
Toll. Ich nutze CSS, aber ich zeige gerade die Grenze auf.
CSS scheitert an diesem banalen Beispiel.
Schluss