0

現在、iframeの高さを100％に設定しているコードに取り組んでいますが、まったく機能していないようです。問題を示すために不要なコードを削除しようとしました。ここでコードを表示してください（インラインcssに注意してください）：http：//jsfiddle.net/VfKqR/

そしてここにあります：

<!-- Start full page container -->
<div style="min-width: 830px; width: 100%; height: 100%; float: left;">

<!-- Start scoop menu -->
<div style="width: 188px; float: left;">

<table>
    <thead>
    <tr>
        <td>

<a href="http://rambler.ru" target="scoop" style="font-size:13px; letter-spacing: 0.7px; font-weight: bold;">Link tester</a>

        </td>
    </tr>
    </thead>
</table>

<!-- End scoop menu -->
</div>

<!-- spacer between divs -->
<div style="width: 20px; float: left;">&nbsp;</div>

<!-- Start iframe -->
<div style="min-width: 622px; width:74%; height: 100%; float: left;">

<iframe id="scoop" name="scoop" src="http://www.yahoo.com" style="border:0px #FFFFFF none;" name="myiframe" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="100%">

<!-- End iframe -->
</div>

<!-- End full page container -->
</div>

高さを100％に固定するために私にできることは何もないようです。ここで何が欠けていますか？

編集：Safariでこれをテストしたところ、正常に動作しましたが、Firefoxの最新バージョン（v14.0.1）では動作しません。

4

3 に答える 3

2

これを実現するために、先ほど書いたこの小さな jquery スクリプトを使用できます。

jQuery(document).ready(function(){var height = $(window).height();
            $('iframe').css('height', height)
        });

http://jsfiddle.net/VurLy/

于 2012-08-08T20:49:38.813 に答える
0

私のソリューションをチェックしてくださいJSなしでページの残りのスペースを取るようにiframeを設定します。

いくつかの可能性が最も高いものをクリアする必要がありfloat（これらがiFrameがスケーリングしない理由であるため）、ほとんどの場合、コードを少しリファクタリングする必要があります。

お役に立てば幸いです。

于 2012-11-21T08:38:45.970 に答える
0

JAVASCRIPT

javascript 用に更新:

<script type="text/javascript">
var sheet = document.createElement('style')
sheet.innerHTML = "html, body{height: 100%;}";
document.head.appendChild(sheet);
</script>

html:

<div style="min-width: 622px; width:74%; height: 100%; float: left;">​......
于 2012-08-08T20:19:53.567 に答える