Salve a tutti,
sto cimentandomi con i CSS, sto cercando di fare un sito con una testata, 3 colonne e un footer. Solo che non riesco a posizionare il "footer" in basso alla pagina. Il codice del CSS è il seguente;

body {background: blue; border-spacing: 5px; font: comic sans ms; margin: 5px 5px 5px 5px; width: auto}

#testata {background: #CCCCFF; border: medium groove #FF0000; margin-bottom: 5px}

#colonnasx {background: #CCFF66; border: medium; border-color: black black black black; font-family: comic sans ms; font-size: x-small; margin: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding: 5px 5px; position: absolute; width: 150px}

#colonnacen {background: #CCFFFF; font-family: comic sans ms; font-size: x-small; margin-bottom: 5px; margin-left: 175px; margin-top: 5px; padding: 5px 5px 5px 5px; position: absolute; width: 420px}

#colonnadx {background: #CCFF66; border: medium; border-color: black black black black; font-family: comic sans ms; font-size: x-small; margin-bottom: 5px; margin-left: 605px; margin-top: 5px; padding: 5px 5px; position: absolute; width: 150px}

#footer {background: black; margin: 5px 5px; width: 760px;}

Il footer mi appare sotto la testata e si sovrappone alle 3 colonne.

Come faccio per posizionarle alla fine della pagina?

Grazie,
Mauro