Verwendung: sticky footer

michael.wiegaertner's Avatar

michael.wiegaertner

16 Jun, 2017 05:39 AM

Produkt: Oneo Contao
Contao-Version: 3.5xx
Browser und Browserversionen: alle

Hi Support-Team, ich versuche einen "sticky footer" zu realisieren. Ich habe bereits die Beiträge im Forum ausprobiert. Die Variante "max-height: calc (100vh - xx px)" macht den footer zwar sticky, aber dadurch verlängert sich auch die gesamte Seite. Bei übergroßen Bildschirmen habe ich dann einen extrem großen footer, dessen Farbe (Knallgelb) dann fast "Augenschäden" verursacht.
Meine Vorstellung wäre ein xx px hoher Footer, der immer am Seitenende klebt, ohne die Seite dadurch zu verlängern.

THX
Mick

  1. Support Staff 1 Posted by RockSolid Theme... on 16 Jun, 2017 07:04 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Versuchen Sie es bitte mit folgendem CSS-Code:

    .content-wrapper {
        min-height: calc(100vh - 14.58em);
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac