Я хотел бы иметь динамический размер 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, он не будет правильно изменен.