Re: [Ovillo] Problemas con tecnica footerStickAlt

Tue, 13 Mar 2007 09:15:20 -0800 

Bueno yo lo he probado en el editor de CSS (TopStyle) y me deja la banda 
blanca, dices tu que eso soluciona el problema?
Salu2
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn
Enviado el: martes, 13 de marzo de 2007 12:13
Para: Ovillo, la lista de CSS en castellano
Asunto: 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