Вопросы Теги

IFRAME и конфликтующие абсолютные позиции

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

21
задан Devin Burke 30 September 2011 в 17:53
поделиться