Mittels clear:left oder clear:both wird ein eventuell vorhandener Elementfluß mit float aufgehoben. Allerdings steht der Footer nicht unten auf der Seite, wenn die Höhe des Inhalts unter 100 % liegt.
#footer {
clear:left;
margin-top:1em;
background:#efefef;
text-align:center;
padding:10px;
}
Im folgenden liegt der Footer unten am Bildschirmrand und ist immer zu sehen, allerdings funktioniert das nicht in IE 6 oder tiefer.
#footer {
position: fixed;
bottom: 0px;
}
Ullamco laboris nisi ut labore et dolore magna aliqua. Mollit anim id est laborum. Quis nostrud exercitation sed do eiusmod tempor incididunt velit esse cillum dolore.
veniam, ullamco laboris nisi sed do eiusmod tempor incididunt. Consectetur adipisicing elit, lorem ipsum