Footer wird nicht mehr am Bildschirmrand ausgerichtet

[m-werk]

Hallo Leute, leider komm ich nicht drauf, was ich hier jetzt noch einstellen könnte.

Folgendes: Meine Fußzeile soll sich immer am unteren Bildschirmrand befinden bzw. nach dem Content (was eigentlich ja funktioniert).

Jetzt hab ich das Modul "Mobile Menu" installiert und eingerichtet. Jetzt greift mein CSS nicht mehr. Die Fußzeile ist jetzt gleich nach dem Content, was bei kürzerem Inhalt nicht passt.

Ich weiß jetzt nicht, wo ich noch was einstellen kann, da das DIV des Mobilen Menü gleich nach dem Body kommt und alles umfasst.

Hier ein Beispiel: http://test.ariqon.com/news/news-mitte.html

[MacKP]

Hallo m-werk,
ganz schnelle Lösung: gib dem div mit der ID #wrapper eine min-height von 100vh ->

#wrapper {
  min-height: 100vh;
}

Dann läuft das schon mal in modernen Browsern ;-)
Ob du dann noch für ältere einen Fallback bauen willst musst du selber mal gucken. Dann wird das ein gefummel mit der Höhe bei allen Umgebenden Elementen von 100%.

Viele Grüße

[m-werk]

Hallo,

danke für den Tip, das würde jetzt schon mal funktionieren.

Ich hab jetzt aber noch das Problem, dass das Menü, welches sich eigentlich nach dem scrollen am oberen bildschirmrand fixieren sollte (was funktioniert, wenn ich das Mobile Menü ganz weg lasse), auch nicht funktioniert.

Ich werde mich jetzt mal das mmenu ansehen. Vielleicht funktioniert es dort mit den normalen Einstellungen.

[MacKP]

ja, da musst du dann mal weiter schauen.. mmenue würde ich allerdings nicht mehr benutzen, da es nicht mehr weiter entwickelt wird soweit ich weiß.

Viele Grüße

[Flox]

Ich werde mich jetzt mal das mmenu ansehen. Vielleicht funktioniert es dort mit den normalen Einstellungen.

Ich würde auch eher contao-mobile_menu verwenden. Aber Vorsicht bei Sticky-Elementen und verschiebende #wrapper durch herein slidenden Navigationen. Das funktioniert nicht.