2010/5/22 JESUS MARIA GOMEZ <jeg...@gmail.com>:
> 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


http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

-- 
Xoan Sampaiño [ xoan @ vimeo|flickr|delicious|last.fm ]

 /\  Document Freedom Day        - Liberate your documents
_\/` http://documentfreedom.org/ - March 31st 2010
_______________________________________________
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