Hi,
Das Hauptproblem ist der untere Bereich (Footer), der immer am unteren Ende des Bildschirms fix sein soll. D.h. die Gesamtseite hat nie Scrollbars.
dann positioniere diesen absolute bottom:0.
Der Content-Bereich wird in der Höhe immer so angepasst und mit Scrollbars versehen (overflow: scroll), dass gerade noch der Footer ins Browserfenster passt.
Dann setze diesen mit dem Header in ein 100% hohes div, das nach unten ein padding in der Höhe des Footers hat und von diesem überdeckt wird.
freundliche Grüße
Ingo