Einen alten Thread, aber ... Antwort von Konerak funktioniert, aber warum sollte man auch Größe eines Containers voreingestellt. Was ich bevorzuge, ist es, Code überall dort zu verwenden, wo es keine große Seitengröße gibt. Also das ist mein Code:
<style>
#container {
position: relative;
height: 100%;
}
#footer {
position: absolute;
bottom: 0;
}
</style>
</HEAD>
<BODY>
<div id="container">
<h1>Some heading</h1>
<p>Some text you have</p>
<br>
<br>
<div id="footer"><p>Rights reserved</p></div>
</div>
</BODY>
</HTML>
Der Trick ist, in <br>
, wo Sie neue Linie brechen. Wenn die Seite klein ist, wird die Fußzeile am Ende der Seite angezeigt.
ABER, wenn eine Seite groß ist, SO DASS DU sie SCROLLEN MUSST, dann wird dein Footer 2 neue Zeilen unter dem ganzen Inhalt oben sein. Und wenn Sie dann die Seite vergrößern, wird Ihre Fußzeile immer nach UNTEN gehen. Ich hoffe, dass jemand das nützlich finden wird.
Was genau "funktioniert nicht wie erwartet"? – RoToRa
Irgendein Codeexemplar, mit dem wir arbeiten können? – Flatlin3
Was meinst du mit "unten auf der Seite"? Dafür würden Sie es einfach am Ende des HTML-Codes hinzufügen. Aber es scheint, dass Sie möchten, dass es am Ende des * Fensters * und nicht auf der Seite platziert wird. (Wenn die Seite gescrollt wird oder das Fenster in der Größe geändert wird, sollte es immer am unteren Fensterrand bleiben. (Ist das, was Sie wollen?) – chiccodoro