Como hacer que el footer siempre este en la parte inferior.

[idzen]

Hola! tenia una duda y queria saber si era posible, diseñe una pag pero el footer hay una parte de mi pagina que tiene muy poco contenido, y si se prueba en un monitor relativamente grande el footer no llega al pie de pagina y queda ese espacio en blanco y se ve mal pues jejeje, entoncers hay alguna forma de hacer que siempre quede en el pie de pagina sin importar el tamaño del monitor?

[Shell Root]

:http://www.thesmartbuzz.com/diseno/footer-siempre-abajo-html-y-css

[EFEX]

No existe magia alguna para saber que estructura html utilizas...

[Platanito Mx]

No existe hechizo alguno para conocer que estructura html usas, pero aqui trataremos de hacer magia para ayudarte.

Aqui hay otras ligar que te pueden ayudar:

Código [Seleccionar] Expandir

http://www.luisherrero.es/el-footer-que-siempre-esta-abajo/

Código [Seleccionar] Expandir

http://www.consultoriainnova.com/blog/css/footer-siempre-abajo-css/

Saludos.

[alan++]

Claro!...

No es tan complejo... para empezar se podria ingresar el footer como un fixed, de esta forma siempre estaria abajo, lo unico que deberias tener cuidado es que a la minima resolucion de alto no tapara el contenido de la web...

Por otro lado podria predifinir un minimo de altura que te serviria para que en cualquier tipo de resolucion jamas se quedara pequeña la altura...

Si queres algo mas preciso, charlar sobre diseño web o aprender mas mandame un mp

[TrokaMc]

otra es ponerle un id al footer y con css ponerlo como objeto flotante y posicionarlo xD

[alan++]

En realidad podes usar la etiqueta "footer" y manipularla como un div desde html5, asi que no habria necesidad de crearle un id, con poner en el css

Código [Seleccionar] Expandir


footer {
   especificaciones
}


Tendriamos el mismo efecto

[Millboy]

No soy experto en diseño web pero te mando esto, a ver si te sirve. Deverías mostrar la estructura para ver el problema  .


cod html
<footer>
    creditos
</footer>


en css
footer{
   position: absolute;
    bottom: 0;
    background:#333333;
}