VerteX: mittlere TD von 3 TDs zentrieren, die andren auto-breite?!

Beitrag lesen

Die linke Spalte hat eine Breite von 50% der Viewportbreite, die darin enthaltenen Elemente einen rechten Abstand von der halben Breite der mittleren Spalte.

Die rechte Spalte hat eine Breite von 50% der Viewportbreite, die darin enthaltenen Elemente einen linken Abstand von der halben Breite der mittleren Spalte.

Dann passt die mittlere Spalte (zentriert im Viewport) über die beiden anderen.

klingt einleuchtend und eigentlich habe ich das prinzip, wie es funktionieren sollte, verstanden.
aber meine umsetzung scheitert leider noch kläglich :(

meine bisherige umsetzung

ich habe die div's unterschiedlich eingefärbt, damit ich sehe, wo grade welches "rumfliegt"
der quelltext sollte ja über den browser einsehbar sein.

über tips wäre ich sehr dankbar :)