Footer am Bildschirmrand fixieren

  • Ich möchte den Footer gern unten am Bildschirmrand fixieren und zwar sowohl bei Seiten die kürzer sind als der Bildschirm als auch (wenn möglich) bei Seiten die länger sind als der Bildschirm, das alles soll auf allen Bildschirmgrößen funktionieren und auch in allen Browsern - versteht sich.

    Wahrscheinlich und hoffentlich gibt es dafür ein paar simple CSS-Tricks, aber ich finde sie nicht mit den üblichen Suchmaschinen.

    Hat jemand einen Link für mich?

    tschüß [size=24][color=olive]n[/color][/size]epf

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Dies geht mit simplem css am einfachsten.

    Ich gehe jetzt davon aus, dass dein Footer ein div mit der id footer ist. Höhe ist 20px. Die Werte musst du natürlich noch anpassen.

    #footer { height: 20px; position: fixed; left: 0px; bottom: -20px; }

    Weitere Infos gibt es hier: http://www.css4you.de/position.html

    -flipps

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!