pie siempre abajo al 100%

haven · #1 (**permalink**) 02/05/2008, 02:31

Hola buenas, haber si alguien puede ayudarme, tengo un diseño en el cual la web esta al 100% tanto en anchura como en altura, la web consta de un div banner situado en la parte alta de la página un div pie situado siempre al 100% en la parte baja y un div contenido que el que tendrá el texto.

Lo que necesito es que si hay poco texto en contenido, la página esté al 100%, es decir el banner será de 30px, el pie de 20px y el contenido será del 100% de lo que quede para completa la altura total, no se si me explico bien.

Alquien sabe como se podría hacer esto?

Un saludo

komodo · #2 (**permalink**) 02/05/2008, 03:13

Te recomiendo poner un div contenedor de todo y lo que haria con el css seria:

html,body{height:100%;}
div#contenedor{ height:100%;}
#contenedor .footer{ position:absolute; bottom:0;}

Un saludo!

haven · #3 (**permalink**) 02/05/2008, 03:39

Muchisimas gracias komodo, tu solución es perfecta. Yo lo estaba intentando hacer de una forma menos efectiva y mucho mas enrevesada, je, que hace el no saber.

Un saludo

Mikmoro · #4 (**permalink**) 02/05/2008, 03:48

Desgraciadamente si tu contenido crece más del 100% verás que se te produce un grave problema. Pruébalo.

Mikel.

haven · #5 (**permalink**) 03/05/2008, 04:45

si ya he visto, cachis..., y como se podría solucionar esto? hay alguna solución?
saludos

komodo · #6 (**permalink**) 03/05/2008, 07:58

Que problema se produce? El footer creo que te puede dar algun problema al utilizar position absolute.Un saludo

ASYNTETYCO · #7 (**permalink**) 03/05/2008, 11:45

Si entendi bien solo tienes que darle posicion absoluta, bottom: 0 y el ancho y el alto que quieres.

Mikmoro · #8 (**permalink**) 03/05/2008, 12:35

Hola, haven.

Mírate este hilo que seguramente te aclarará bastante las cosas.

Mikel.

haven · #9 (**permalink**) 03/05/2008, 14:32

Hola buenas a todos gracias por responder, el ejemplo que me decia komodo funciona bien, si tendría un contenido estático y fuese un contenido no muy extenso, pero al ser un contenido dinámico, el texto se desborda.

Hola Mikmoro, he estado mirando el hilo que me comentabas y las respuestas buenas en principio son estas 2, las pongo aqui por si a alguien le interesan y encuentra este hilo.

http://www.tierradenomadas.com/rc010a.html
http://www.araudi.net/forosdelweb/pie_en_el_fondo.html

Un saludo y gracias a todos por contestarme

Mikmoro · #10 (**permalink**) 03/05/2008, 16:43

Creo que no es correcto, aunque me alegro de que con ello puedas solucionar tu caso.

No sé si leiste el hilo completo que indiqué, pero en él había un pequeño análisis de la solución de tierradenomadas:

http://www.forosdelweb.com/f53/pie-s...7/#post2371132

Mikel.

haven · #11 (**permalink**) 03/05/2008, 19:21

Hola Mikmoro, este:

http://www.araudi.net/forosdelweb/pie_en_el_fondo.html

lo he comprobado en ie6, ie7, opera, safari y por supuesto firefox y funciona perfectamente independientemente de si hay mucho texto o poco, ahora mismo lo estoy adaptando y esta todo perfecto.

Un saludo

MRB08 · #12 (**permalink**) 04/05/2008, 07:48

Esto te va a re servir si tenes tanto conetnniedo como para que el scrooll se active:
cambia el <body> y agregale estos atributos de la siguiente manera:

Código HTML:

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">