web-dev-qa-db-ja.com

<object>埋め込みで高さ= 100％を取得する方法

次のコードを挿入しようとしていますが、機能しません。これでは100％の高さを得ることができません。誰か助けてもらえますか？ありがとう！

<body style="overflow:hidden;">
<TABLE align=left width=234 border="0" cellpadding="0" cellspacing="0">
<TR>
    <TD valign=top align=center WIDTH="234" >
        <object data="EmbedPage.html" type="text/html"  style="width: 230px;height:100%;"></object>
    </TD>
</TR>
</TABLE>
</body>
htmlcssobjectheightembed
12
user2261793

これを試して

<body style="overflow:hidden;height:100%;">
    <object data="EmbedPage.html" type="text/html"  style="float:left;width:230px;height:100%;">
    </object>
</body>
5
Rohit Agrawal

全画面で表示するには、100vhを使用します。

<body>
   <object data="EmbedPage.html" type="text/html"  style="width:100%;height:100vh;">
   </object>
</body>
4
tak3shi

テーブルから削除してください。

<BODY style="overflow:hidden; height:100%;">

<object data="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" type="text/html"  style="float:left;width:230px;height:100%"></object>

</BODY>

http://jsfiddle.net/ma9ic/QtKMa/5/

表のセルの100％の高さは常に苦痛です。技術的に言えば、TDには高さがありません（これはコンテンツによって異なります）。ブラウザに要求するのは、子を親の100％、つまり子の100％にすることです。 、これはその親の100％です...これがどのように問題であるかがわかります。

TDに明示的な高さを追加し、テーブルにtable-layout：fixedを使用することを試みることができます。少なくともその方法で、ブラウザは子の高さを必要とせずに親の高さを知ることができますが、それでも機能しない場合があります。

あなたはこれについてどうするかを再考する必要があるかもしれません。

これは、設定された高さとiframeを使用した結果を示しています

<BODY style="overflow:hidden;height:100%;">

<TABLE align=left width=234 border="1" cellpadding="0" cellspacing="0">
<TR>
    <TD valign=top align=center WIDTH="234" height="1000">
    <iframe src="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>
    </TD>
</TR>
</TABLE>

</BODY>

http://jsfiddle.net/ma9ic/QtKMa/6/

お役に立てれば

2
Ma9ic
body, html{
    width: 100%;
    height: 100%;
}

<body>
    <table class="flash-container" style="height: 100%; width:100%">
        <tr style="height: 100%; width:100%">
            <td style="height: 100%; width:100%">
                <object width="100%" height="100%">
                    <param name="autoPlay" value="true"></param>
                    <embed allowfullscreen="true" autoPlay="true" flashvars="autoplay=true&play=ture" allownetworking="all" id="pptShow" allowscriptaccess="always" height="100%" src="http://www.weilaijiaoxue.com:9096/upload/2016/4/13/swf_20160413115509559.swf"  type="application/x-shockwave-flash" width="100%"></embed>
                </object>
            </td>
        </tr>
    </table>
</body>
1
Wei Feng Sun