Eu só quero fazer uma div
, como se fosse uma janela do windows, com titulo, corpo e uma barra de botões no fim. Mas não sei porquê, dependendo do tamanho da janela, ele "vaza" ou fica sobrando tela... Eu queria que o título e a barra tivessem tamanhos fixos, e o corpo tomasse o resto da tela. Olhem meu código:
<div id='tela' class='tela'>
<div id='tela_titulo' class='tela_titulo'>TITULO</div>
<div id='tela_corpo' class='tela_corpo'>CorpoCorpo</div>
<div id='tela_botao' class='tela_botao'>botao</div>
</div>
e o css
:
.tela
{
height:100px;
width:300px;
border:2px solid #ffec24;
}
.tela_titulo
{
position:relative;
height:10%;
border:2px solid #000000;
}
.tela_corpo
{
position:relative;
height:80%;
border:2px solid #000000;
}
.tela_botao
{
height:10%
border:2px solid #000000;
}
Mas desse jeito ele tá jogando a barra para fora da div
.