Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho um site simples, cuja estrutura é dividida em 3 divs, TOPO, SITE e RODAPE.
TOPO e RODAPE têm altura definida, porém SITE é ajustável conforme o tamanho do conteúdo que é carregado (via ajax).
Quero que o site ocupe sempre toda a altura do browser, porém quando a div SITE possui pouco conteúdo, fica um espaço sem nada abaixo do RODAPE.
Usando min-height no CSS dessa div e até dá pro gasto, mas a coisa varia muito conforme a resolução e acaba que em um ou outro caso, ainda aparece o espaço...
E não posso simplesmente dar um height de 2000 px que vai ficar estranho...
Como faço para que a div SITE sempre se encaixe no espaço total disponível e o site seja mostrado ocupando (NO MÍNIMO) a altura total da area do browser?
Carregando comentários...