Div 100%

[wolfphw 60]

Desculpa por estar criando um topico desses onde já devem ter outros assim, mas fiz a busca pelo forum e ele retira da busca a palavra DIV..

 

Estava pesquisando por div 100% e ele me deu a seguinte resposta "As seguintes palavras não são permitidas e e foram removidas de sua pesquisa: div"

 

 

 

Então meu problema é o seguinte... estou montando uma estrutura com DIVs e não to conseguindo fazer a minha DIV pegar 100% do restante da tela.. ele pega o 100% da tela, como eu faço para ela completar apenas o que esta faltando pra tela?

 

html, body {
height: 100%;
}

body {
background-color: #CCC;
margin: 0px;
}

#tudo {
width: 100%;
height: 100%;
background-color: #CCC;
}

#topo {
width: 100%;
height: 100px;
background-color: #F00;
}

#conteudo {
width: 90%;
height: 100%;
background-color: #FF0;
}

#coluna1 {
width: 300px;
height: 100%;
float: left;
background-color: #FFF;
}

#coluna2 {
width: 300px;
height: 100%;
float: left;
background-color: #00F;
}

 

<div id="tudo">
 <div id="topo"></div>
 <div id="conteudo">
   <div id="coluna1"></div>
   <div id="coluna2"></div>
 </div>
</div>

[Diéssica 140]

Wolfphw,

 

primeiro, isto é desncessário:

html, body {
       height: 100%;
}

 

 

segundo, não tem como fazer 100% da altura:

       height: 100%;

 

Agora, o que você quer exatamente? Parece que você quer que algumas divs preencham toda a página em altura.

 

É isso?

 

Explica melhor o teu erro.

[wolfphw 60]

Isso memso.. Acho que esse exemplo deve mostrar melhor o que eu to tentando fazer... Fiz uma imagem dentro do browser soh pra mostrar melhor...

 

 

Eu sei que tem como fazer usando imagens essas paradas de colunas e tal.. mas no meu caso isso não vai dar certo.. pq eu terei que colocar bordas..