Footer immer ganz unten?

[Gunnar Bittersmann]

@@Henry

Ein fixed positionierter Footer würde das Ende des Hauptinhalts zudecken. Da man nicht weiß, wie hoch der Footer ist, kann man nicht wissen, wie viel Platz man freihalten müsste.

Vielleicht ist das Zudecken ja gewünscht?

Das glaube ich kaum. Wenn man Inhalte hat, die nie zu sehen sein sollen, weil sie hinter anderen Elementen versteckt sind, warum tut man sie dann überhaupt auf dein Seite?

Ich denke, der Hauptinhalt soll bis zum Ende vollständig lesbar sein. Das wäre bei einem fixed positionierten Footer nicht gewährleistet. Also nicht machen!

Wenn Header und Footer ständig im Viewport bleiben sollen … – warum eigentlich? Wenn der Nutzer sich dem Hauptinhalt widmet, will sie wohl nicht durch andere Elemente davon abgelenkt werden? Der Wunsch nach feststehenden Headern/Footern ist wohl nur seitens des Seitenbetreibers, der denkt, dem Nutzer könnte sonst irgendwas verlorengehen. Darüber sollte man mal reiflich nachdenken, bevor man sowas implementiert.

Wenn Header und Footer ständig im Viewport bleiben sollen, dann ist nicht position: fixed das Mittel der Wahl, sondern position: sticky. Damit bleibt der Hauptinhalt vollständig sichtbar. Ich hab das in diesem Beispiel mal hinzugefügt – im media query; bei geringer Viewporthöhe sollen Header und Footer nicht sticky sein, sonst wäre der Hauptinhalt nur durch einen schmalen Sehschlitz sichtbar.

Und ja, ich weiß, dass Header und Footer im IE dann eben nicht ständig oben bzw. untem im Viewport zu sehen sind. Und das ist auch ziemlich egal! Es wird sich kein Nutzer darüber beschweren.

LLAP 🖖