elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Como hacer que el footer siempre este en la parte inferior.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Como hacer que el footer siempre este en la parte inferior.  (Leído 5,063 veces)
idzen

Desconectado Desconectado

Mensajes: 53


Ver Perfil
Como hacer que el footer siempre este en la parte inferior.
« 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?


En línea

Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.723


<3


Ver Perfil WWW
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #1 en: 4 Diciembre 2013, 17:55 pm »

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


En línea

Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.
EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #2 en: 4 Diciembre 2013, 18:04 pm »

No existe magia alguna para saber que estructura html utilizas...
En línea

Platanito Mx


Desconectado Desconectado

Mensajes: 889



Ver Perfil
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #3 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.
En línea

alan++

Desconectado Desconectado

Mensajes: 57


Ver Perfil
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #4 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

 ;)
En línea

TrokaMc

Desconectado Desconectado

Mensajes: 26



Ver Perfil
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #5 en: 7 Diciembre 2013, 11:25 am »

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

"Sin requerimientos o diseño, la programación es el arte de agregar errores a un archivo de texto vacío"
alan++

Desconectado Desconectado

Mensajes: 57


Ver Perfil
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #6 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
En línea

Millboy

Desconectado Desconectado

Mensajes: 9


Ver Perfil
Re: Como hacer que el footer siempre este en la parte inferior.
« Respuesta #7 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;
}
« Última modificación: 28 Diciembre 2013, 06:20 am por Millboy » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines