Altura 100% não funciona

[Guilherme Correia 0]

Pessoal, sei que esse é um assunto bem comentado em diversos tópicos já, mas não consigo deixar uma div com height 100% por nada.

 

Já coloquei:

html, body{ height: 100%; }

 

Já usei isto:

#div:after{content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; }

 

Mas nada resolve.

 

Alguém conhece outra solução?

[lucasao 5]

<div style="height:100%">

[Guilherme Correia 0]

Sim, já está com height... :(

[Evandro Oliveira 331]

position: relative;
top: 0;
bottom: 0;

[Guilherme Correia 0]

Não funcionou tbm.

 

Vou mostrar como está:

 

<div id="miolo-conteudo">
  <div class="top-left"></div>
  <div class="top-center"></div>
  <div class="top-right"></div>

  <div class="center-left"></div>

     <div class="center-center"> <!-- INICIO DO CONTEUDO -->
     <!-- Conteudo vem aqui -->
     </div> <!-- FIM DO CONTEUDO -->

  <div class="center-right"></div>

  <div class="bottom-left"></div>
  <div class="bottom-center"></div>
  <div class="bottom-right"></div>
</div>

 

O que acontece é que a .center-center fica com height 100%, e a .center-left e .center-right não.

[Evandro Oliveira 331]

Se elas estiverem com flutuação - seja com float ou position - será necessário redefinir o tipo de renderização.

 

Adicione um

display: block

nas divs problemáticas.

[Guilherme Correia 0]

Ainda não funfou...

[Evandro Oliveira 331]

Posta o CSS