Olá pessoal do Fórum, tudo bom? Eu estou bolando o layout de uma página composta de apenas três divs: cabeçalho, conteúdo e rodapé, conforme o diagrama a seguir: /applications/core/interface/imageproxy/imageproxy.php?img=http://dl.dropbox.com/u/69604/layout.png&key=dde3ed4e4bf7fa25f210f4e7736cf54bf93b4bdbc332f062064d1506adba2410" alt="layout.png" /> **O que eu quero:** que a div de rodapé fique sempre na parte inferior do *viewport* e que a div do conteúdo ocupe todo o espaço que sobrar da altura do *viewport*, inclusive quando a janela for redimensionada. Acontece que eu não consegui fazer isso utilizando apenas CSS. Este layout será para um *web app*, daí a necessidade de fazer com que as div's ocupem todo o conteudo do *viewport* e que a div de rodapé permaneça sempre na parte inferior. Eu só consegui resolver isso utilizando JavaScript, mas eu queria me certificar primeiro se não existe alguma solução elegante em CSS para resolver este problema. Alguém sabe alguma solução pra isso em CSS? Pra facilitar estou postando um exemplo dos códigos HTML e CSS. **HTML** ```

content

``` **CSS** body { ``` margin: auto; overflow: hidden; } #header { height: 80px; background-color: green; } #content { background-color: gray; } #footer { height: 60px; background-color: black; } ```

RodrigoSamuel

[Resolvido] Elemento HTML com height auto-ajustável