Differenz aus verschiedenen Maßen

[TS]

Hallo und guten Tag,

Hallo, ich bin ein Frischling im Umgang mit HTML/CSS etc. und bitte zu entschuldigen, dass die Erfahrenen jetzt womöglich schon die flache Hand in Richtung Stirn sausen lassen.

Problem: header und footer habe ich am oberen und unteren Bildschirmrand ge-"fixed" und ihnen Höhen in em zugeteilt. Der <div id="content"> (auch position:fixed;), in dem ich alle weiteren Inhalte ausrichten möchte, soll den Raum zwischen den beiden ausfüllen. Wenn ich nun aber einen % Wert nehme, dann ist dieser Container wegen des von der Bildschirmgröße unabhängigen footer/header zu klein oder zu groß. Da sich der Container selbst an der Fenstergröße orientiert.

Frage: Kann ich einen Mischwert bilden? z.B. height: 100%-4.7em;

...So wie es hier steht funktioniert es nicht...

Oder hat jemand eine andere schöne Idee?

Guck mal bei "CSS Calc"

https://blog.selfhtml.org/2006/09/22/css3-calc-vs-box-sizing/

Grüße
TS