Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, estou com um problema de resolução e sou leigo no assunto.
Preciso diminuir o tamanho de uma div com seus elementos internos para uma medida X conforme a altura do navegador.
Tem como redimensionar uma div inteira sem ter que ir elemento por elemento dentro dela?
Seria como redimensionar a % de uma <img>
pelo que eu entendi é disso que você precisa
<html>
<head>
<title>teste de height de div</title>
<style type="text/css">
div{margin:0;}
div.container{
height:100%;
}
div.header{height:30%; background-color:#990000;}
div.content{height:70%; background-color:#009900;}
</style>
</head>
<body>
<div class="container">
<div class="header"></div>
<div class="content"></div>
</div>
</body>
</html>Meu problema é que meu rodape precisa ter uma altura fixa (90px).
Meu topo precisa ter uma medida de 100px.
O conteúdo precisa posicionar dentro dessa medida restante e se a resolução for ficando menor que o tamanho do conteúdo, ele vai escalonando para encaixar na resolução.
É possível?
fiz uns testes com javascript aqui(tentei pegar o offsetHeight da div e diminuir 190) mas não obtive sucesso.
mas se der pra fazer provavelmente é com isso.
só com css é impossível, tem que usar javascript.
Seria com JS mesmo. Mas não vi nada ainda que funcionasse para todos elementos internos a esta div do centro.
Não acha melhor usar CSS? Height com porcentagem?