Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Esse tá difícil para mim, mas vamos lá
Na minha página, eu tenho um div cabeçalho e um iframe corpo, o meu cabeçalho tem um tamanho fixo, mas o meu iframe quero que ocupe todo o resto da área útil da página(ambos tem width="100%")
Agora vem o problema:
Tem alguma forma de definir assim:
distancia do top: 0px;
distancia do bottom: 0px;height: auto
assim eu deixo fixo as distancias das estremidades e a altura fo iframe muda quando necessário
Obrigado
Olá,
Já tentei isso também.
Pesquisei um pouco na internet e criei este código, o problema é que funciona perfeitamente no FF mas não no IE, quem puder ajudar
<html>
<head>
<title></title>
<style>* {
margin: 0;
} height: 100%;
}body {
height: 100%;
}
.cabec{
width: 100%;
height: 50px;
border: 0px;
background-color: #CCFFCC;
}
.corpo{
position: absolute;
width: 100%;
top: 50px;
bottom: 0px;
height: auto;
border: 0px;
background-color: #CCCCFF;
}
</style>
</head>
<body>
<div class="cabec">
<p>cabec</p>
</div>
<div class="corpo">
<iframe src="teste.htm" width="100%" frameborder="0" height="100%">
</iframe>
</div>
</body>
</html>Cara,
achei esse tópico no Google, vê se te ajuda:
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.wmonline.com.br/index.php?showtopic=142187
Abraços.
O tópico ta meio antigo mas como não deu como resolvido e mais alguém pode achar na busca...
Já tentou altura automática?
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif height: auto;