2010-06-22 1 views
0

Я загружаю PDF внутри IFrame внутри всплывающего окна.Загрузка PDF в IFrame в IE6 и IE7

У меня есть загрузка PDF правильно в IE6 и IE7 - однако есть проблема, которую я пытаюсь решить.

Когда я загружаю PDF-файл в IFrame в IE7, и я изменяю размер окна с правой стороны окна по горизонтали, PDF не масштабируется, размер окна будет уменьшаться до места, где я не могу видеть всю ширину PDF. Если я изменил размер из нижнего угла окна, PDF изменяет размер/масштабирует по горизонтали просто отлично.

В IE6, когда я изменяю размер с правой стороны окна по горизонтали, PDF правильно масштабируется, а также из нижнего угла.

Любая идея, почему PDF не уменьшает масштаб при изменении размера с правой стороны всплывающего окна в IE7? Любая помощь очень ценится.

Вот мой HTML для IFrame:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
     * { 
     padding: 0; 
     margin: 0; 
     } 
     html, body { 
    width:100%; 
     height: 100%; 
    overflow:hidden; 
     } 
     #container{ 
     min-height: 100%; 
     } 
     * html #container { 
     height: 100%; 
     } 
    </style> 

</head> 
<body> 
    <form id="frmMine" runat="server"> 
     <div> 
      <iframe style="min-height:500px;min-width:100%; max-width:100%;height:auto !important;" id="iframe" runat="server"></iframe> 
     </div> 
    </form> 
</body> 
<script type="text/javascript"> 
     function resizeIframe() { 
      var height = document.documentElement.clientHeight; 
      height -= document.getElementById('iframe').offsetTop; 
      height -= 5; 
      document.getElementById('iframe').style.height = height + "px"; 
     }; 
     document.getElementById('iframe').onload = resizeIframe; 
     window.onresize = resizeIframe; 
    </script> 
</html> 
+0

Для чего нужна форма? – reisio

ответ

1

IE6 не поддерживает min-/max- может объяснить расхождение. Что касается собственно выполнения того, что вы хотите, есть ли какая-то причина, по которой вы не используете только * { width: 100%; height: 100%; overflow: hidden; margin: 0; }?

Смежные вопросы