Re: [Ovillo] Problemas con tecnica footerStickAlt

Tue, 13 Mar 2007 09:35:21 -0800 

Gracias yo no he notado la banda blanca, no se por que, tendria que revisar, 
sin embargo adjunto en el foro tu respuesta. 

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of sn
Sent: Martes, 13 de Marzo de 2007 10:13 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Problemas con tecnica footerStickAlt

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

Responder a