Differenz aus verschiedenen Maßen

[Der Martin]

Hi,

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.

höchstens mit einem Tuch zum Schweißabwischen. ;-)

Problem: header und footer habe ich am oberen und unteren Bildschirmrand ge-"fixed" und ihnen Höhen in em zugeteilt.

Dir ist hoffentlich bewusst, dass das bei kleinen Bildschirmen bzw. Fenstergrößen problematisch werden kann. Dann nämlich, wenn zwiswchen header und footer nicht mehr viel Platz übrigbleibt.

Der <div id="content"> (auch position:fixed;), in dem ich alle weiteren Inhalte ausrichten möchte, soll den Raum zwischen den beiden ausfüllen.

Warum noch ein Container? Warum nicht direkt die Inhalte im body notieren? Gib dem html- und dem body-Element eine Höhe von 100%, und dem body oben und unten ein padding, exakt soviel wie header und footer hoch sind.

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

Das geht auch, calc() wurde ja schon genannt. Halte ich aber für überflüssig (siehe oben).

So long,
 Martin