Posicionando rodapé na parte inferior com CSS

Muitos desenvolvedores encontram problemas ao tentar posicionar um rodapé na parte inferior de uma janela do navegador. Apesar de seguir várias técnicas, o rodapé pode aparecer no meio. Aqui está uma solução para esse problema comum no Firefox e no Internet Explorer.

Código CSS

O código CSS a seguir colará efetivamente o rodapé na parte inferior do navegador:

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

Explicação

1. posição: absoluta;: Remove o rodapé do fluxo normal do documento, permitindo que ele seja posicionado de forma independente.
2. bottom: 0;: Define a borda inferior do rodapé como zero, o que o posiciona na parte inferior do window.
3. width: 100%;: Garante que o rodapé ocupe toda a largura da tela.

Estrutura HTML

Certifique-se de que sua estrutura HTML contenha um

  ...