Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: idzen en 4 Diciembre 2013, 17:50 pm



Título: Como hacer que el footer siempre este en la parte inferior.
Publicado por: idzen en 4 Diciembre 2013, 17:50 pm
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?


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: Shell Root en 4 Diciembre 2013, 17:55 pm
:http://www.thesmartbuzz.com/diseno/footer-siempre-abajo-html-y-css


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: EFEX en 4 Diciembre 2013, 18:04 pm
No existe magia alguna para saber que estructura html utilizas...


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: Platanito Mx en 4 Diciembre 2013, 22:41 pm
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:
http://www.luisherrero.es/el-footer-que-siempre-esta-abajo/

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

Saludos.


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: alan++ en 6 Diciembre 2013, 20:39 pm
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

 ;)


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: TrokaMc en 7 Diciembre 2013, 11:25 am
otra es ponerle un id al footer y con css ponerlo como objeto flotante y posicionarlo xD


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: alan++ en 7 Diciembre 2013, 12:46 pm
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:
footer {
   especificaciones
}

Tendriamos el mismo efecto


Título: Re: Como hacer que el footer siempre este en la parte inferior.
Publicado por: Millboy en 28 Diciembre 2013, 06:13 am
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  ;D.


cod html
<footer>
     creditos
</footer>


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