РАМКА и противоречивые абсолютные позиции
Я хотел бы, чтобы IFRAME динамически изменял размер, используя следующий CSS:
#myiframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
Однако ни один браузер не поддерживает это.
В хороших браузерах я мог обернуть IFRAME в DIV с цитируемым стилем CSS и установить высоту и ширину IFRAME на 100%. Но это не работает в IE7. Если не использовать CSS-выражения, кто-нибудь сумел решить эту проблему?
Обновить
MatTheCat ответил сценарием, который работает, если IFRAME расположен непосредственно под телом, а теги body / html имеют высоту: установлено 100%. В своем первоначальном вопросе я не указывал, где находится IFRAME и какой стиль применяется к его контейнеру. Надеемся, что следующие адреса это:
<html>
<body>
<div id="container"><iframe id="myiframe"></iframe></div>
</body>
</html>
и давайте предположим следующий контейнер CSS:
#container {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
}
если вы сейчас разместитеheight: 100%
на IFRAME он не будет иметь правильный размер.