Ciao a tutti,

stavo provando a cimentarmi con i livelli (DIV) e volevo creare un semplice layout dove vi č il contenuto del sito (nel primo DIV) e subito dopo un footer che si estende fino in fondo (con sfondo colorato)

Ho trovato il seguente esempio ma mi mette il footer a pie pagina anzichč estenderlo da dove terminano i contenuti fino in fondo.

Qualcuno mi sa aiutare?

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
    height: 100%;
}


.div1 {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; 
}
.div2 {
	height: 50px; 
    clear: both;
}
</style>
</head>

<body>
<div class="div1">SITO</div>
<div class="div2">Pie pagina</div>
</body>
</html>