Ich hoffe, ich habe das richtig verstanden ...
Mit "position: absolut" kann der Footer (und Header) jederzeit aus den Konstrukt Wrapper herausgelöst werden und kann dann - wie ich verstanden habe - auch als superbreiter Footer/ Header eingesetzt werden, (sollte aber standardmäßig erst einmal da innerhalb des Wrappers liegen!)
Das macht aber nur Sinn, wenn dieser am odersten/ untersten Viewport liegt. Problem ist dann nur der Main~ und Naviblock mit variabler Höhe incl. overflow: auto und den body mit overflow:hidden. Das bekommt man aber in Griff und wenn man noch mit einem "Hack" arbeitet :
- Code: Alles auswählen
height: expression((document.body.clientHeight-"HöheMainr") + "px"
geht die ganze Sache auch mit dem IE super über die Bühne.
Dann kann man mit position: absolut den Header und Footer fest an der Viewportrand kleben, den Mainblock variable in der Höhe halten. Dabei sind natürlich die Anzahl der Kategorien links begrenzt, weil sonst Scrollbalken entstehen würden. Also links alles bis auf die kategorien leerräumen und mit einer ordentlichen Struktur alles aufschlüsseln. Dann erhält nur noch der Main-Bereich einen (gewollten) Scrollbalken. Die Website steht wie eine Eins, oben ist immer ein Header zu sehen, unten immer ein Footer.
Beipsiel siehe hier, eine noch in der Entwicklung stehende Website, einfach mal F11 drücken und die Reaktion beobachten.