IFRAME e posições absolutas conflitantes
Gostaria de ter um IFRAME dimensionado dinamicamente usando o seguinte CSS:
#myiframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
No entanto, nenhum navegador parece suportar isso.
Em bons navegadores, eu poderia envolver o IFRAME em um DIV com o estilo CSS citado e definir a altura e largura do IFRAME para 100%. Mas isso não funciona no IE7. Com falta de expressões CSS, alguém conseguiu resolver isso?
Atualizar
O MatTheCat respondeu com um cenário que funciona se o IFRAME estiver localizado diretamente abaixo do corpo e as tags body / html tiverem altura: 100% definida. Na minha pergunta original, não indiquei onde estava o IFRAME e que estilo se aplicava ao seu contêiner. Esperemos que o seguinte resolva isso:
<html>
<body>
<div id="container"><iframe id="myiframe"></iframe></div>
</body>
</html>
e vamos assumir o seguinte CSS de contêiner:
#container {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
se você colocar agoraheight: 100%
no IFRAME, ele não será dimensionado corretamente.