0

Tengo un footer el cual le he puesto el siguiente estilo:

 <footer class="page-footer white" style="position: relative;bottom: 0%;width: 100%">


Cuando la pantalla esta completa el footer se fija en la mitad de la pantalla pero cuando minimizo el tamaño de esta tipo responsive ya se queda fija en la parte inferior...
Si uso position: absolute se queda en a parte inferior pero si hay un scroll en la vista, al bajar se pierde la posicion e igualmente si uso la position: fixed...

Agradeceria su colaboración.

3
  • ¿Quieres un sticky footer? osea el footer siempre visible y cuando halla scroll se mantenga visible pero en la parte inferior de la página? Commented el 8 mar. 2017 a las 21:57
  • si, exactamente, simplemente que se quede en la parte inferior y mantenga la distancia sin importar el tamaño de la pantalla, porque el otro problema que tengo es que me si tengo un texto largo me le oculta una parte
    – JDavid
    Commented el 8 mar. 2017 a las 21:59
  • Hola @Daniel tienes dos respuesta muy buenas a tu pregunta deberías seleccionar la respuesta que soluciono a tu pregunta saludos :)
    – Otto
    Commented el 9 mar. 2017 a las 20:59

1 respuesta 1

2

te acabo de hacer un fiddle, creo que lo que te faltaba era declarar el html y el body en 100% asi:

html, body {
    height: 100%;
}

Puedes verlo aquí

1
  • excelente gracias.
    – JDavid
    Commented el 8 mar. 2017 a las 22:22

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.