2013 Beiträge: 2655 Die Idee von wario ist ja fast perfekt, nur leider eben nur fast. Vielleicht bekommen wir diese Lösung ja noch hin. Der Link zu flexbox von kaminbausatz sagt mir leider erst mal nichts. Bist Du (kaminbausatz) der Meinung ich sollte es wie die flexibox machen? Html footer immer unten file. Das ist kein link zu flexbox, das ist ein Beispiel wie es mit wenigen Zeilen css per flexbox gelöst wird... nur dass es bei mir nicht geht Habe alles mal damit gemacht, leider ohne echten Erfolg. Auf einigen Seiten rutscht der Footer ans Ende des Browsers obwohl darunter noch werterer Inhalt kommt. Firebug & Co halfen leider auch nicht weiter. Ich hab keine Idee mehr.
Wie lässt sich der Footer am unteren Fensterrand ausrichten? Die Ausgangssituation: Der Footer-Bereich einer Webseite soll bei geringem Seiteninhalt am unteren Fensterrand "haften", und mit zunehmenden Inhaltsumfang nach unten rücken, wenn das Dokument im Fenster gescrollt werden kann. Die beiden Schnappschüsse sollen das Vorhaben verdeutlichen: (v. l. n. Html footer immer unten command. r. : Footerposition mit wenig Inhalt, Footerposition mit scrollfähigem Inhalt) Zur Realisierung stehen uns drei CSS-Techniken zur Auswahl, wobei sich der erste und zweite Lösungsansatz vom Grundprinzip her ähneln, mit Hilfe eines negativen margin-bottom - bzw. margin-top -Wert den Footer an die gewünschte Position im Browserfenster zu rücken. margin-bottom für #wrapper margin-top für #footer position:absolute für #footer Der DIV-Block #footer wird im HTML-Code im Anschluß an den DIV-Block #wrapper notiert, der die übrigen Seitenbereiche (Header, Navigation, Inhalt, usw. ) in sich aufnimmt. HTML-Snippet: HTML:
......