• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

alexvaz

[Dúvida] altura de divs e sub-divs

1 mensagem neste tópico

Boa noite.

A minha questão é a seguinte: Se tenho uma div com altura definida em pixeis e dentro dela uma com 100% de altura e dentro desta uma com altura fixa e outra que deve ocupar o restante espaço, qual o css a criar?

Para exemplificar vou colocar aqui o codigo:

HTML:

<div id="contentor">

    <div id="topo"></div>

          <div id="pano">

              <div id="barra"></div>

              <div id="corpo"></div>

          </div>

    <div id="fundo"></div>

</div>

e o CSS:

body {

background-image: url("imagens/fundo.jpg");

background-repeat: repeat-x;

background-color:#DDEEFF;

}

#contentor{

height:690px;

width:1004px;

}

#topo {

  position:relative;

  top:0px;

background-image: url("imagens/topo.png");

background-repeat: no-repeat;

clear:both;

height:31px;

}

#pano{

  position:relative;

top:0px;

height:100%;

width:100%;

background-image: url("imagens/pano.png");

background-repeat:repeat-y;

clear:both;

}

#fundo{

position:relative;

  top:0px;

background-image: url("imagens/fundo.png");

background-repeat: no-repeat;

clear:both;

height:31px;

}

#barra {

height:130px;

width:933px;

background-image: url("imagens/barra_cima.jpg");

background-repeat:repeat-x;

clear:both;

}

#corpo {

height:100%;

width:933px;

background-color:#303030;

clear:both;

}

O problema é que eu queria que a div "corpo" ocupasse o máximo da div "pano" deixado pela div "barra", ou seja, no minimo a altura definida no "contentor" e depois crescer caso o conteudo ocupe mais espaço.

Mas o que acontece é que com o site vazio a altura é bem maior...

O que está mal no código para ficar como pretendo?

Obrigado...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora