Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

italoborges

Redimensionar DIV

Por , em Javascript

Recommended Posts

italoborges    0

italoborges
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

bill yung    0

bill yung
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

italoborges    0

italoborges
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

bill yung    0

bill yung
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito