Theme für variable Seitenlänge konfigurieren.

  • Auf meiner Seite http://www.vmorlock.de nutze ich das Theme Swatch. Hierbei ergab sich leider das unschöne Problem, dass die Seite sich bei großen Bildschirmen nicht nach unten hin "verlängert" und der Footer somit teils nicht am unteren Bildschirmrand angezeigt wird. Nun wäre meine Frage welche Änderungen ich vornehmen muss, damit das Theme sich der Bildschirmgröße anpasst, und so der Footer immer am unteren Bildschirmrand erscheint.

    Vielen Dank im Voraus,
    Valentin

    • 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

  • Wenn ich das richtig verstanden habe möchtest du den Footer am unteren Rand des Bildschirms festhalten, ohne dass dieser mitscrollt. Das schaffst du mit dem css Befehl position. In Zeile 399 deiner style.css Datei fügst du bei #footer einfach position: static; hinzu.

    Mehr Infos zu dem Befehl position bekommst du hier:
    http://www.css4you.de/position.html

    VG
    Philip

  • Vielen Dank für deine Antwort, flipps.
    Ich habe deinen Vorschlag ausprobiert, leider hat sich nichts verändert. Um das ganze nochmals zu verdeutlichen hier ein screenshot: https://dl.dropbox.com/u/2272103/screenshot.PNG
    Ich möchte nun schlichtweg, dass der Footer nicht unter dem letzten Objekt angezeigt wird, sondern am unteren Bildschirmrand. Mitscrollen darf er jedoch schon.
    Falls der Text länger ist als der Bildschirmbereich, dann soll der Footer einfach unter dem Text angezeigt werden, folglich sich also nichts zum aktuellen Zustand verändern.

    Das ganze soll dann in etwa so aussehen: https://dl.dropbox.com/u/2272103/screenshot2.png

  • Du kannst entweder den Footer am unteren Rand des Browsers fixieren, oder aber immer den Footer unter dem Text lassen, so wie es bisher schon ist. Wenn dann der Text länger ist verschwindet der Footer nach unten oder er bleibt eben sichtbar wenn der Text kürzer ist. Da es viele verschiedene Bildschirmgrößen und Auflösungen gibt darfst du hier nicht nur von deinem Bildschirm ausgehen.

    Es gibt höchstens noch die Möglichkeit, dass du dem Bereich in dem dein Text steht eine Höhe zuweist du dieser Bereich mindestens haben soll. das geht mit dem css Befehl min-height. Sieht aber doof aus wenn unter dem Text sehr viel Platz ist bis dann der Footer kommt.

    Mit diesem Online Tool kannst du deine Seite mit verschiedenen Auflösungen und Bildschirmgrößen anschauen.
    http://quirktools.com/screenfly/

    VG
    Philip

  • Du kannst entweder den Footer am unteren Rand des Browsers fixieren, oder aber immer den Footer unter dem Text lassen, so wie es bisher schon ist. Wenn dann der Text länger ist verschwindet der Footer nach unten oder er bleibt eben sichtbar wenn der Text kürzer ist. Da es viele verschiedene Bildschirmgrößen und Auflösungen gibt darfst du hier nicht nur von deinem Bildschirm ausgehen.

    Es gibt höchstens noch die Möglichkeit, dass du dem Bereich in dem dein Text steht eine Höhe zuweist du dieser Bereich mindestens haben soll. das geht mit dem css Befehl min-height. Sieht aber doof aus wenn unter dem Text sehr viel Platz ist bis dann der Footer kommt.

    Mit diesem Online Tool kannst du deine Seite mit verschiedenen Auflösungen und Bildschirmgrößen anschauen.
    http://quirktools.com/screenfly/

    VG
    Philip

    Vielen Dank für deine Hilfe. Gibt es keine Möglichkeit die Seite, falls der Bildschirm größer ist, wie meiner beispielsweise, und so freiraum unter dem Footer bleibt, den Abstand zwischen Text und Footer so zu verlängern dass der Footer genau am unteren Bildschirmrand sitzt, und die Seite den Bildschirm sozusagen ausfüllt, wie es bei vielen Themes schon standartmäßig der Fall ist?

    Viele Grüße

    Ergänzung: Der Abstand zwischen Text und Footer soll sich sozusagen "dynamisch", je nach Auflößung, anpassen.

    Einmal editiert, zuletzt von cjw (11. November 2012 um 20:05)

  • Min-height hat leider nichts verändert. habe ich das so richtig integriert?:


    #footer-widgets { margin-bottom: -5px; background: url(images/bg-ripple-footer-widgets.png) repeat top left; padding:10px 0;min-height:10px;}

Jetzt mitmachen!

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