salud.
está cerca, pero no es la solución universal. si el contenido del texto no
llena la pantalla, el footer no está pegado al culo de la pantalla, sino que
hay una banda blanca que separa a ambos, de diferente altura según
explorador.
yo llegué en su día a una solución.
os la pego, esperando os sirva de ayuda.

"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>

<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>
"

un saludo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Reply via email to