Colocar el pie de página en la parte inferior con CSS

Muchos desarrolladores encuentran problemas al intentar colocar un pie de página en la parte inferior de una ventana del navegador. A pesar de seguir varias técnicas, el pie de página puede aparecer en el medio. Aquí hay una solución a este problema común tanto para Firefox como para Internet Explorer.

Código CSS

El siguiente código CSS pegará efectivamente el pie de página en la parte inferior del navegador:

#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

Explicación

1. posición: absoluta;: elimina el pie de página del flujo normal de documentos, lo que permite colocarlo de forma independiente.
2. bottom: 0;: establece el borde inferior del pie de página en cero, lo que lo posiciona en la parte inferior de la ventana.
3. width: 100% ;: Garantiza que el pie de página abarque todo el ancho de la pantalla.

Estructura HTML

Asegúrese de que su estructura HTML contenga un

  ...