Я знаю, что есть много постов по поводу изменения размераiframe но я нашел только этот код:

<script type="text/javascript" language="JavaScript">
<!--            
        function autoResize(id) {
            var newheight;
            var newwidth;

            if (document.getElementById) {
                newheight = document.getElementById(id).contentWindow.document.body.scrollHeight;
                newwidth = document.getElementById(id).contentWindow.document.body.scrollWidth;
            }
            document.getElementById(id).height = (newheight);
            document.getElementById(id).width = (newwidth);
        };
//-->
</script>

и это пример кода разметки:

<a href="index.php" target="content">Home</a>
<a href="profile.php" target="content">Profile</a>

<iframe src="index.php" name="content" height="500px" width="100%" id="Main_Content" onload="autoResize('Main_Content');"></iframe>

эти коды работают, но у меня есть одна проблема. рассмотрим этот сценарий:

index.php page height is 800px

а также

profile.php page height is 1200px

когда я нажимаю на ссылкуindex.php страница, размер фрейма800pxи затем я нажимаю на ссылкуprofile.php страница иiframe изменяет размер до1200px НО это моя проблема, когда я снова нажимаю на ссылкуindex.php что высота меньше, чемprofile.php страница,iframe не изменяет размеры и не адаптирует800px высота, и это приводит к избыточному пространству ниже содержимогоindex.php что выглядит не очень хорошо, у меня нет проблем с ростом высоты iframe, но у меня есть проблемы с его уменьшением, кто-нибудь может мне помочь? любая помощь приветствуется. Спасибо!