Estou há três dias tentando criar a estrutura para meu site,
Eu quero que ele fique assim:
A parte mais difícil é fazer com que Box_Left e o Box_Right sempre tenham a mesma altura que o Box_Content, ai é que tá o problema: o Box_Content não tem uma altura fixa, dependendo do conteúdo ele aumento ou diminui, e eu também preciso definir uma altura mínima!
Esse forum é meu último recurso, estou contando com a ajuda de vocês, já pesquisei no google, e não achei uma solução que resolve-se meu problema.
Eu até fiz assim:
.cBoxPage {
border: 4px solid olive;
width: 1024px;
}
.cBoxTop {
border: 6px solid black;
position: relative;
top: 0px;
height: 80px;
clear: both;
}
.cBoxContent {
border: 1px solid red;
display: inline-block;
height: 100%;
width: 60%;
}
.cBoxLeft {
border: 2px solid blue;
float: left;
height: 100%;
width: 200px;
}
.cBoxRigth {
border: 2px solid aqua;
float: right;
height: 100%;
width: 200px;
}
.cBoxBottom {
border: 2px solid orange;
height: 80px;
clear: both;
}
<DIV class="cBoxPage">
<DIV class="cBoxTop">cBoxTop</DIV>
<DIV class="cBoxLeft">cBoxLeft</DIV>
<DIV class="cBoxRigth">cBoxRigth</DIV>
<DIV class="cBoxContent">cBoxContent</DIV>
<DIV class="cBoxBottom">cBoxBottom</DIV>
</DIV>
No código acima, os box não se redimensionam conforme o conteúdo!Alguém pode me ajudar a resolver este problema?
Não sei como fazer para os cBoxLeft, cBoxRigth e cBoxContent se redimensionem igualmente conforme o conteúdo for inserido!
Obrigado desde já!
Edição feita por: LucasAlves, 31/07/2011, 20:33.
