Layout mit css kombination von relativer und fixer höhe

[Beat]

position:absolute;

...

position:absolute;

...

position:absolute;

...

position:absolute;

...nun möchte ich die linke Spalte so hoch machen, wie der Bildschirm ist. Wenn ich nun im Stilbereich height:100% mache erstreckt sich der Div-Container zu weit nach unten, d.h. er ist 100% des dargestellten Bereiches lang, jedoch möchte ich das er nur den Rest ausfüllt, also quasi 100%-148px hoch ist. Wie kann ich das umsetzen?

Nur mit Javascript.
Dein Problem ist deine absolute Positionierung. Diese besagt, nämlich: es ist mir scheiss egal, wie gross mein Parent-Context ist, ich bin so gross wie ich bin oder werde...

Wenn du ein Layout willst das die Viewportgrösse berücksichtigt, solltest du auf absolute Positionierung verzichten. Ansonsten du schon eine komplexe Layout-Berechnung via Javascript anstellen musst.

mfg Beat