----------------------------- Browser
|                           |
| DIV height:100px;         |

---

Das sieht für mich nach einer Tabelle aus. Somit wäre eine HTML Tabelle sematisch durchaus ok.

Mit einer Tabelle kein Problem, aber nur mit DIV & CSS
ist das unmöglich.

Ich hab jetzt keine Lust dies zu probieren, denn du hast das ganze Prinzip 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.

Und darum gebe ich nichts mehr auf diesen semantischen
Code, der meilenweit von der Praxis entfernt ist.

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

Struppi.