Pegajosa Problemas CSS Rodapé

Question

Eu tenho sido capaz de projetar o meu layout para que ele tenha 2 colunas e uma largura de 100%, você pode ver que aqui .

Agora eu estou tentando implementar um rodapé pegajoso (100%) de altura com esta disposição, que também tem o fundo na coluna da direita descem o rodapé e também com a fronteira que tenho na coluna do lado esquerdo.

Existe uma maneira de fazer isso com meu layout atual ou seria ótimo se alguém poderia sugerir uma alternativa para a maneira que eu atualmente estou fazendo isso!

Obrigado!

Answer 1

Dê uma olhada Fixo rodapé 2009 . Isto foi discutido várias vezes no SO também.

Answer 2

Gostaria de acrescentar uma classe CSS para a div que contém as colunas e estilo que. Para chegar perto, eu tive que adicionar o seguinte ao seu arquivo CSS:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}