div preencher com height

[bcs_ptx 0]

Pessoal, tenho um div dentro de outra, a div principal tem de altura 100px; e a div dentro dela quero que pegue toda a sua altura, como faço isso? ex:

<style type="css">
 
#principal{
height="100px";
}
 
 
#interna{
height="100%";
}
 
</style>
 
 
<div id="principal">
 
<div id="interna"></div>
 
</div>

[William Bruno 1501]

vc cometeu diversos erros de sintaxe, mas a logica está correta e funciona.

<style type="text/css">
#principal{
	height: 100px;
}
#interna{
	height: 100%;
}
</style>
 
 
<div id="principal">
 
	<div id="interna"></div>
 
</div>

[Marcos Xavier 189]

O correto nas declarações CSS é:

 

elemento{propriedade:valor}
 
//ou
#id{propriedade:valor}
 
//ou
.classe{elemento{propriedade:valor}
 
Exemplo:
 
div{width:50px};
#elementocomid{width:50px};
#elementocomclass{width:50px};

[bcs_ptx 0]

sim, mas eu quero que pegue toda a pagina, entende? coloque um div só na pagina e preencha toda a pagina, até o rodapé com ela, entende? assim não deu certo

assim, e a div principal ir até o rodape da pagina.

 

body{
	height:100%;
	background-color:#000;	
}
div#principal{
	width:900px;
	height:100%;
	margin:0 auto;	
	background-color:#FFF;
}

agora coloquei isso auqi e deu certo, alguem sabe o por que?

 

html{
	height:100%;	
}
body{
	height:100%;
	background-color:#000;	
}
div#principal{
	width:900px;
	height:100%;
	margin:0 auto;	
	background-color:#FFF;
}

[Marcos Xavier 189]

<style type="text/css"> 
#principal{ height: 100px; } 
#interna{ height: 100%; }
 </style>

 

Neste exemplo #interna vai ocupar 100% da largura relacionada a #principal. Se você quer ocupar a tela toda aumente o tamanho da #principall (width).

Faça testes colocando bordas ou backgrounds nas divs, você vai entender o "porque" das coisas ocorrerem.

[bcs_ptx 0]

mas ai que esta, eu não coloco altura maxima na principal, ela tem que pegar a altura de qualquer resolução e ficar em 100%, entende? nessa forma que eu fiz agora deu certo, com esse html{height='100%'}, só queria entender o pq

[William Bruno 1501]

pq vc precisa forçar que todos os elementos tenham 100% de altura, já que height é relativo ao elemento pai.

 

sua div, só vai ocupar tudo, se o body ocupar tudo, e se o pai do body ocupar tudo.

 

100% em um elemento que tem o pai com 50px, diz que 100% é 50px.

[Marcos Xavier 189]

Reforçando...

Faça testes colocando bordas ou backgrounds nas divs,body, html.Você vai entender o "porque" das coisas ocorrerem.