Spot Light Layout ein dickes fettes Container Problem zum Footer

  • Lad die Seite nach dem Umschalten auf die mobile Ansicht / verkleinern des Browserfensters mal neu, dann passt es.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

  • Der Footer (#footer) wird durch das integrierte Skript placeFooter() mit position: absolute am unteren Viewport-Rand positioniert. Dies führt dazu, dass der Footer bei umfangreicherem Seiteninhalt den letzten Container (z. B. #container_126) überlappt und dadurch Inhalte abgeschnitten oder nicht mehr vollständig sichtbar sind.

    Da eine Anpassung des System-JavaScript-Codes in Zeta Producer leider nicht vorgesehen ist, musste ich das Problem durch ein eigenes Script umgehen, das beim Laden der Seite den Footer wieder auf position: static setzt und das durch placeFooter() gesetzte padding-bottom auf dem body entfernt.

    Ich würde es begrüßen, wenn das Standardverhalten des Footers überarbeitet oder optional angepasst werden könnte – z. B. durch eine intelligente Platzierung, die den tatsächlichen Dokumentenfluss berücksichtigt, oder durch einen optionalen Sticky-Footer, der nur bei kurzen Seiteninhalten verwendet wird.

    Bis dahin umgehe ich das Problem wie folgt:

    <script>
    window.addEventListener("load", function () {
    setTimeout(function () {
    var footer = document.getElementById("footer");
    // Footer aus dem absoluten Layout zurückholen
    footer.style.position = "static";
    // Padding entfernen, das vom ursprünglichen Script hinzugefügt wurde
    document.body.style.paddingBottom = null;
    }, 500);
    });
    </script>

  • Nein. Das Problem ist auch mobil auf dem Handy und für Nutzer nicht zumutbar. Das Layout ist instabil!

    Gerade auf einem iPhone mit Safari getestet, dort tritt das Problem nicht auf:

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

Jetzt mitmachen!

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