IFRAME y posiciones absolutas en conflicto
Me gustaría tener un IFRAME de tamaño dinámico usando el siguiente CSS:
#myiframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
Sin embargo, ningún navegador parece admitir esto.
En buenos navegadores, podría envolver el IFRAME en un DIV con el estilo CSS citado y establecer la altura y el ancho del IFRAME al 100%. Pero esto no funciona en IE7. A menos que use expresiones CSS, ¿alguien ha logrado resolver esto?
Actualizar
MatTheCat respondió con un escenario que funciona si el IFRAME se encuentra directamente debajo del cuerpo y las etiquetas body / html tienen altura: 100% establecido. En mi pregunta original no dije dónde estaba el IFRAME y qué estilo se aplicaba a su contenedor. Esperemos que lo siguiente aborde esto:
<html>
<body>
<div id="container"><iframe id="myiframe"></iframe></div>
</body>
</html>
y supongamos el siguiente contenedor CSS:
#container {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
si ahora colocasheight: 100%
en el IFRAME no se dimensionará correctamente.