14/03/2007, 09:33
|
| | | Fecha de Ingreso: febrero-2007
Mensajes: 53
Antigüedad: 17 años, 2 meses Puntos: 1 | |
| Re: Cosas Basicas: Pie de pagina que se queda en el fondo
Saludos: Solo dejando una pequeña actualización, esto resuelve un problema con una banda blanca que se muestra en algunos navegadores:
Esta solución fue públicada por SN en la lista de Ovillo:
Footer hasta el fondo v3 (Si pueden revisar se agradece)
Código:
<!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>
Yo no noto el error que SN listo para presentar la tercera solución, sin embargo, varia gente lo reporto, asi que dejamos la nueva versión.
Saludos! |