Estou precisando deixar uma div
com height: 100%
de conteúdo e abaixo dela ainda ficar o rodapé, mas, por exemplo, quando não tiver conteúdo para completar toda a tela, o rodapé aparece no final da pagina. Ele tem 100px
e quando o conteúdo completar a pagina, o rodapé fica somente depois do conteúdo, após a rolagem mesmo...
Estou com esse problema pois estou usando o bootstrap e a minha navbar fica na vertical no canto do lado direito. Minha tag html tem a mesma cor do navbar para completar a cor até o final pois o menu não completa tudo e o rodapé tem a mesma cor dessa sidebar e da tag html.
A minha div
de conteúdo possui outra cor, quando a pagina não completa tudo, o rodapé sobe e a cor do rodapé fica estendida até boa parte da página, deixando esteticamente feio. O rodapé devia ficar no fim da pagina e a cor da parte de conteúdo ficasse ate onde aparece o rodapé.
Alguém tem alguma solução pra isso?