CSS - Inhalt soll sich bis zum unteren Browserrand erstrecken

    Hallo, würde sich jemand erbarmen, mir zu helfen?
    In meiner Signatur steht die Adresse der Seite, an der ich gerade arbeite.

    Ich möchte gern, dass sich der Inhalt plus Footer bis zum Boden den Browserfenster erstecken. Wie man (besonders auf großen Schirmen) sieht, klafft unten ein Rand, der den Hintergrund zeigt. Ich möchte das gern vermeiden.

    Ich hab's mit {display:table;} versucht, bei allen in Frage kommenden Containern, aber es bringt mir nichts. Was übersehe ich?

    Beste Grüße!

    • Gerade eben
    • 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

    Hm, irgendwie ist der Wurm drin. Ich habe das Gefühl, dass der Provider gerade an der Domain arbeitet. Aber gerade noch ließ sich alles gut darstellen, auf allen Browsern, dich ich benutze, auch nach Leerung des Cache....

    Bitte behebe erst einmal die ganzen Fehler auf der Webseite und fülle sie mit relevanterem Inhalt.

    Die Seite selbst wird mit den folgenden Angaben auf 100% Höhe gebracht:

    Code
    html {height: 100%;}
body {min-height: 100%;}

    Das von Dir verwendete Theme analysiere ich nicht.

    Ah! Was ich übersehen habe, ist die Verbindung zu den Bildern, die ursprünglich mal auf der Seite standen. Und diese Bilder wurden bei mir noch angezeigt, weil bei mir eine Verbindung zu Localhost besteht. Das hat nicht zur Klarheit beigetragen, tut mir sehr leid. Gut, danke, das wäre mir nicht so schnell aufgefallen.

    Jetzt ist aller Schnickschnack beseitigt, und trotzdem bleibt's bei der Darstellung.

    Es wird versucht aus zwei verschiedenen Themes zu laden, also noch nicht alles beseitigt ;-)

    Nein, dem habe ich nichts hinzuzufügen :-)
    [HR][/HR]

    Zitat von Frau_Braun

    Hallo, würde sich jemand erbarmen, mir zu helfen?
    In meiner Signatur steht die Adresse der Seite, an der ich gerade arbeite.

    Ich möchte gern, dass sich der Inhalt plus Footer bis zum Boden den Browserfenster erstecken. Wie man (besonders auf großen Schirmen) sieht, klafft unten ein Rand, der den Hintergrund zeigt. Ich möchte das gern vermeiden.

    Ich hab's mit {display:table;} versucht, bei allen in Frage kommenden Containern, aber es bringt mir nichts. Was übersehe ich?

    Beste Grüße!


    hi
    display:table agiert wie eine Tabelle also table

    table hatte noch nie die Fähigkeit "windows height" zu übersetzen
    und das brauchst du bei deinem Vorhaben,
    das bedeutet: ohne JS, dass dir die Höhe des aktuellen Fensters berechnet und danach die Höhe des Inhaltsblocks ausrichtet wird das nicht funktionieren.

    du hast ja bei jedem Device eine andere Höhe des Browserfensters

    auf alle Fälle etwaige Scrollbalken in diversen Browsern testen

    eine Möglichkeit dazu findest du hier
    https://j.eremy.net/set-element-height-to-viewport/

    Moin und hallo Monika.

    Ich schäme mich ja fast, die Frage überhaupt gestellt zu haben - aber manchmal ist man einfach Betriebsblind. Was mich auf table gebracht hat ist dies: http://forum.wpde.org/design/144496-…html#post624970
    Ich muss jetzt alles noch mal mit der Seite vergleichen, an der ich damals gearbeitet habe. Ich fände es schon wichtig, mit reinem CSS eine solche Funktion wie volle Fensterhöhe hinzukriegen.

    Trotzdem Dank an alle!

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden