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