iframeのサイズの自動調整について教えてください。
iframeのサイズの自動調整について教えてください。
htmlにiframeで、cgiを組み込んでました。
cgiは、質問を投げる画面と結果を表示する画面があります。
質問画面と結果表示画面の長さは違います。
下記の2パターンで試してみたんですが、質問画面は問題ないですが、結果画面が問題ですね。
1．<iframe src="aa.cgi" style="width: 480px; height:auto;" onload 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";'>
</iframe>
sapari,google chrome,operaでは、オーケー。
IE,firefoxでは、質問画面の長さのまま。
2.<iframe src="aa.cgi" onload="GetHeight(this.id)" id="Y" name="newY" height="1" width="480" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
GetHeightのソースは、↓
<script language="JavaScript">
function GetHeight(Y)
{
var app = navigator.appName.charAt(0);
if (app == "N")
{
document.getElementById(Y).height = parent.frames['newY'].document.height +20;
}
else
{
document.getElementById(Y).height = parent.frames['newY'].document.body.scrollHeight;
}
}
</script>
IE,firefoxでは、オーケー。
sapari,google chrome,operaでは、質問画面の長さのまま。
javascriptは苦手なので、まとめる方法か、別の方法がありましたら、
教えて下さい。
よろしくお願いします。
補足
申し訳ありません。 説明が下手でした・・ ある縦長の画像がウインドウの上端、下端にそろえて表示されています。 ですが、画面を全画面表示すると下端からはなれてしまうので、これを常に下端に表示したいということです。