Hola a todos,
Tengo un problema desde hace varios días que no me permite avanzar en un
sitio web en el que estoy trabajando actualmente.
Se trata del pie de página, lo quiero en la parte inferior de la pantalla
cuando la web es menor que la altura de pantalla y al final de la página
cuando es mayor que la pantalla.
Lo primero lo he conseguido, pero si la página es mayor que la pantalla
cuando hago un "scroll" para desplazar el contenido hacia arriba y seguir
leyendo, el pie de página también sube y se queda a mitad de la pantalla. A
continuación pongo parte del código HTML empleado y parte del código CSS.
***************************** HTML
<body>
<div id="container">
<div id="fijado">
<div id="header">
<?php include('../includes/cabecera.php'); ?>
</div><!-- FIN cabecera -->
.../...
</div><!-- FIN fijado -->
</div><!-- FIN container -->
<div id="pie_pg"><!-- empieza pie_pg -->
<?php include('../includes/pie_pg.php'); ?>
</div><!-- FIN pie_pg -->
</body>
</html>
***************************** CSS
body {
margin:0;
padding:0;
outline: 0;
border:0;
height:100%;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#fff;
}
#container {
min-height:100%;
position:relative;
}
#fijado {
margin:0 auto;
width:806px;
text-align:left;
}
.../...
#pie_pg {
position:absolute!important;
bottom:0;
width:100%;
height:47px; /* altura del pie */
background-image:url(../images/bg_pie.jpg);
background-repeat:repeat-x;
margin-top: -3em;
}
Gracias por vuestra ayuda.
Saldos
Jesús Gómez
Sevilla. España
_______________________________________________
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
