<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="es">
<head>
<style>
/*inicio tags genéricos*/
*{
padding:0;
margin:0;
}
html {
height:100%;
}
body {
height:100%;
font-family:verdana, arial, sans-serif;
text-align:center;
}
p{
padding:10px;
}
/*fin tags genéricos*/
/*inicio tags específicos*/
#contenedor {
min-height:100%;
width:100%;
background:#A9A9A9;
text-align:left;
margin:0 auto;
}
* html #contenedor {
height:100%;
}
#cabecera{
position:relative;
right:0px;
top:0px;
width:100%;
height:10em;
background:#000;
color:#fff;
text-align:center;
}
#cuerpo {
padding:1em 1em 40px 1em;
position:relative;
background:#A9A9A9;
text-align:center;
}
#contenido {
background:#fff;
text-align:justify;
padding:10px;
margin-bottom:20px;
}
#pie{
height:3em;
background:#000;
color:#fff;
position:relative;
margin:0 auto;
margin-top:-3em;
width:100%;
}
/*fin tags específicos*/
</style>
<title>index</title>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<h1>CABECERA</h1>
</div><!--fin cabecera-->
<div id="cuerpo">
<h1>CUERPO</h1>
<div id="contenido">
<p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p>
<p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p>
<p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p>
<p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p>
<p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro.
Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim.
Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p>
</div><!--fin contenido-->
</div><!--fin cuerpo-->
</div><!--fin container-->
<div id="pie">
<h1>PIE</h1>
</div><!--fin pie-->
</body>
</html>