Problema em layout 3 colunas

[nknk 3]

* {
margin : 0;
padding : 0;
}
body {
text-align : center;
padding : 4px;
}
#cabecalho {
height : 100px;
padding : 2px;
text-align : left;
}
#corpo {
width : 760px;
margin : auto;
}
html > body #coluna1, html > body #coluna3 {
width : 120px;
}
#coluna3 {
float : right;
padding : 8px;
}
#coluna1 {
float : left;
width : 130px;
padding : 8px;
}
#coluna2 {
margin : 0 150px;
padding : 8px;
text-align : left;
}
#rodape {
padding : 10px;
height : 30px;
clear : both;
}

<div id="corpo">
<div id="cabecalho"></div>
<div id="coluna1"></div> //esquerda
<div id="coluna2"></div> //meio
<div id="coluna3"></div> //direita
<div id="rodape"></div>
</div>

Meu problema é o seguinte, a coluna2 que fica no meio entre as colunas 2 e 3, ela não fica com height:100%

Se eu colocar height:100% em todas as divs coluna, elas não preencherão todo o contéudo. OBs.: essa height é variável.

[nknk 3]

Só da para resolver este problema por faux colum?

[Desnickadu 0]

a ta, entendi agora .... hehehehe

 

 

é só por um height no elemento pai.

 

no caso o "#corpo"

 

 

 

de outra forma, o texto que você por dentro empurra tudo pra baixo, automaticamente

sem ficar o espaço vazio que ficará caso você coloque uma height no pai e deixe o filho com 100%

[nknk 3]

Eu vou usar faux colum, pq o height não é fixo.

[Aprendiz CSS 3]

Acho que você já sabe usar, mas se algum dia alguem usar a busca do forum!

 

pode ajudar!

 

http://aprendacss.wordpress.com/2008/09/04...ulando-colunas/

 

abraço