Problema con la posición del pie de página: CSS

¿Alguien puede ayudarme por qué el pie de página no va al final de la página?

http://dev.unwaveringmedia.com/billy/

Puede ver el espacio después del pie de página negro. No lo necesito y quiero que el pie de página se ubique exactamente en la parte inferior de la página.

Tienes muchas opciones para lidiar con este problema.

Opción 1

.footer-container{ position:absolute; bottom:0; } 

opcion 2

Usa un pie de página adhesivo

Opción 3

 html, body { padding: 0; margin: 0; height: 100%; } #wrapper { min-height: 100%; position:relative; } #content { padding-bottom: 75px; /* This value is the height of your footer */ } .footer-container { position: absolute; width: 100%; bottom: 0; height: 75px; /* This value is the height of your footer */ } 

Solo necesita algo de contenido antes del pie de página (o pruebe con alguna de las otras opciones enumeradas anteriormente).

Hice esto y lo solucionó:

  1. Justo antes de

  2. Ingrese este html:

    test

Eso hace que funcione normalmente. Entonces eso debería mostrarle el problema que tiene. O le da una altura mínima, o simplemente agrega tu contenido allí (algunos lorem ipsem, etc.) o encuentra otra manera de arreglarlo.

prueba esto

 .footer-container { bottom: 0; margin: 0 auto; position: absolute; width: 100%; } 

Debes dar .footer-container al fondo: 0; y posición: absoluta para corregir el pie de página en la parte inferior.

 .footer-container { bottom: 0; position: absolute; }