• Hallo zusammen,

    habe zwar schon hier im Froum gesucht und auch Einträge gefunden, stehe aber trotzdem mächtig auf dem Schlauch.

    Würde gerne den Footer auf einer Seite fixieren. Und zwar so, dass er immer am Ende der Seite steht.

    Soll heissen...viel Inhalt, am Ende des Contents...wenig Inhalt am unteren Bildschirmrand.

    Habe nun folgenden Code eingefügt:

    Code
    #footer {
    background: url(images/footer-overlay-bg.png);
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding-bottom: 15px;
    }

    Auf den Seiten mit wenig Inhalt funktioniert es super, auf Seiten mit viel Inhalt jedoch nicht. Der Footer ist so fixiert, dass er auf den gut befüllten Seiten immer am Bildschirmrand über dem Inhalt steht, jedoch nicht am Ende des Inhaltes.

    Was kann ich tun???

    Danke im Voraus!

    http://www.stress-burnout-institut.de

    • 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

  • Tja...da können wir uns ja die Hand geben.

    Die min-height die flipps in deinem Thread meinte bezieht sich nicht auf den Footer, sondern auf den Content.

    Muss in der css also heissen:

    Code
    [COLOR=#000000][FONT=Consolas][COLOR=black]#content[/COLOR] {
    [/FONT][/COLOR]min-height: 600px;
    [COLOR=#000000][FONT=Consolas]}
    [/FONT][/COLOR]

    Somit wird der Content in der Höhe aufgebaut wie angegeben und verschiebt den Footer nach unten.

    Ist aber auch nicht der wahre Jakob.

  • Tja...da können wir uns ja die Hand geben.

    Die min-height die flipps in deinem Thread meinte bezieht sich nicht auf den Footer, sondern auf den Content.

    Muss in der css also heissen:

    Code
    [COLOR=#000000][FONT=Consolas][COLOR=black]#content[/COLOR] {
    [/FONT][/COLOR]min-height: 600px;
    [COLOR=#000000][FONT=Consolas]}
    [/FONT][/COLOR]

    Somit wird der Content in der Höhe aufgebaut wie angegeben und verschiebt den Footer nach unten.

    Ist aber auch nicht der wahre Jakob.

    mhm, das klingt auf jeden Fall interessant. wenn man nun via javascript und onresize die fensterhöhe auslesen würde und hier auf irgendwelche weise einsetzen würde, könnte dass der Lösung nicht näherkommen? bzw, hast du eine Ahnung, wo das entsprechende Javascript eingebaut werden müsste? In der css-Datei ja vermutlich nicht. Bin leider nicht besonders vom fach;)

Jetzt mitmachen!

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