Hola, enridp.
Supongo que buscas algo así:
Código:
<!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>
<title>Tres capas</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-15" />
<style type="text/css">
html, body { margin: 0pt;
padding: 0pt;
height: 100%;
background-color: rgb(51, 102, 102);
}
#capaMadre { width: 790px;
background-color: rgb(102, 204, 204);
margin: 0 auto;
position: relative;
height: auto!important;
min-height: 100%;
height: 100%;
}
#cabecera { background-color: rgb(204, 153, 51);
text-align: center;
height: 80px;
}
#cuerpo { position: relative;
display: block;
margin: 20px;
}
#pie { position: absolute;
bottom: 0pt;
height: 40px;
background-color: rgb(51, 51, 51);
color: rgb(255, 255, 255);
text-align: center;
width: 100%;
clear: both;
}
</style>
</head>
<body>
<div id="capaMadre">
<div id="cabecera">Header</div>
<div id="cuerpo">
Cuerpo
</div>
<div id="pie">Pie</div>
</div>
</body>
</html>
Si añades texto al cuerpo, éste crecerá y el pie siempre estará en su sitio, que me parece que es lo que preguntabas.
Espero que te sirva de modelo para hacer lo que quieres.
Mikel.