Pegar div al pie de la página

thefranex3 · #1 (**permalink**) 26/10/2013, 08:24

Hola, tengo un problema que no se como llegar a solucionar, llevo bastante rato intentando encontrar una solución, pero no llego a nada...

Es mi web: http://picatostes.es/2013/09/03/ensalada-de-col/

Como veis, al llegar abajo, el pie no está pegado abajo del todo, y los widgets les pasa por encima.

¿Alguien tiene alguna idea de como puedo solucionarlo?

Gracias

ArturoGallegos · #2 (**permalink**) 26/10/2013, 10:15

a site-main coloquele overflow:hidden o un microclearfix

y un padding-bottom de 150px aproximadamente para que el contenido no aparesca abajo del footer.

thefranex3 · #3 (**permalink**) 27/10/2013, 07:55

Muchas gracias ArturoGallegos!, ahora con el overflow:hidden, se me pega el div al fondo, pero no ocurre lo mismo con el padding, no consigo que se pueda ver el último widget.

Me gustaría que el div de los widgets empujase hacia abajo el div para poner el comentario y el footer.

¿Sabes como podría?

ArturoGallegos · #4 (**permalink**) 27/10/2013, 10:14

valla no me habia percatado de ese ultimo elemento, revisando a fondo veo que nunca conseguiras dicho efecto.... el sidebar esta dentro de #tertiary cuyo elemento esta en position:absolute mientras tenga esta propiedad no contribuye al alto de sus elementos padre.

tendras que recurrir a javascript o jquery para conocer la altura, compararla con el elemento principal de tu contenido y si es mayor aplicarla si es menor dejar todo como esta.

thefranex3 · #5 (**permalink**) 27/10/2013, 13:07

Ya, pero no pose ningún conocimiento de javascript, muchas gracias por tu ayuda, investigaré más a fondo para intentar lograr una solución :)

thefranex3 · #6 (**permalink**) 02/11/2013, 07:16

Ya encontré el problema, es en:

Código HTML:

<footer id="colophon" class="site-footer" role="contentinfo">

Me decidí a reparar el theme en localhost, cuando me dí cuenta de que en el servidor local de que los widgets si tiraban para abajo el footer, me decidí a investigar y encontré que el colophon era diferente:

Código HTML:

<footer id="colophon" class="site-footer" role="contentinfo" style="margin-top: 733px;">

La diferencia es style="margin-top:733px", sólo me aparece en el localhost, no consigo que me aparezca en la página :S