iframe 크기 조정 - 브라우저 간 문제

Question

내 페이지의 iframe에있는 외부 사이트의 페이지를 표시하고 있습니다. iframe이 내용을 축소하고 과장하면 브라우저 창 크기가 줄어들어 (와이드 스크린이 아닌) Opera에서 볼 때를 제외하고는 아무 문제가 없습니다. 와이드 스크린 (브라우저 창 최대화)에서 작동하며 IE7, Firefox, Chrome 및 Safari에서는 최대화 및 축소 된 창 크기에서 정상입니다. 프레임 크기를 HTML에 설정하고 iframe을 div에 중첩 시켰습니다.이 크기는 CSS를 통해 iframe보다 큽니다.

오페라의 독특한 버그입니까? 아니면 내가 할 수있는 것입니까?

Answer 1

IE6에서도 웹 응용 프로그램 기본 페이지에서 iframe 크기 조정과 비슷한 문제가있었습니다. 해결책은 window.onresize 이벤트를 트랩하고 iframe의 크기를 적절하게 조정하는 JavaScript 함수를 호출하는 것이 었습니다. content은 크기를 원하는 iframe의 이름입니다. 또한 ASP.Net AJAX의 은 document.getElementById()

window.onresize=resizeContentFrame; 
resizeContentFrame(); 

function resizeContentFrame() { 
    setFrameHeight($get('content')); 
} 

function setFrameHeight(f) { 
    if(isDefined(f)) { 
     var h=document.documentElement.scrollHeight; 
     h-=(HEADER_HEIGHT+CONTENT_PADDING+5); 
     f.style.height=h+'px'; 
    } 
} 

으로 변환됩니다.