iframe内容超过100%

时间:2018-03-20 17:41:55

标签: php html iframe html-table

我有3个iframe的页面,顶部的iframe包含一个我希望适合iframe大小的表格。

当我使用下面的代码时,iframe中的内容超过100%并且查看所有内容的唯一方法是滚动,这在这种情况下是不实际的。

如何使iframe中包含的表格适合100%,以便所有内容都显示在iframes的高度内?

第1页:

<?php

$sysusrid = $_GET['sysusrid'];

?>

<html>

<table height="100%" border="0" width = "100%">

<tr><td width="70%" height="15%">

<iframe src="topbar.php?sysusrid=<?php echo $sysusrid;?>" height="90%" width="100%" frameborder="0" scrolling="no"></iframe><td width="30%">

</td></tr>

<tr><td height="55%">
<iframe src="middlebar.php" height="100%" width="100%" frameborder="0"></iframe>
</td></tr>


<tr><td height="20%">
<iframe src="bottombar.php" height="100%" width="100%" frameborder="0"></iframe>
</td></tr>


    </table>
</html>

tobbar.php

<html>

    <table height="100%" width="100%" border="0">

        <tr>

            <td width="20%"><img src="<?php echo $image;?>" style="border: 0px solid #000; max-width:100%; max-height:100%;"></td>

            <td width="55%" valign="top">

                <table height="50%" width="100%" border="0" >

                    <tr height="10%"><td bgcolor="#dd3a78" width="50%"><font face="verdana" size="2" color="white">Credential</font></td><td bgcolor="#dd3a78" width="50%"><font face="verdana" size="2" color="white">Value</font></td></tr>

                    <tr><td bgcolor=""><font face="verdana" size="2" color="white">Client MSISDN</td><td bgcolor=""><font face="verdana" size="2" color="white"><?php echo $msisdn;?></td></tr>

                    <tr><td bgcolor="#525c68"><font face="verdana" size="2" color="white">Date of Birth</td><td bgcolor="#525c68"><font face="verdana" size="2" color="white"><?php echo $dob;?></td></tr>

                    <tr><td bgcolor=""><font face="verdana" size="2" color="white">Member Since</td><td bgcolor=""><font face="verdana" size="2" color="white"><?php echo $membersince;?></td></tr>



                    <tr><td bgcolor="#525c68"><font face="verdana" size="2" color="white">sysUSRID</td><td bgcolor="#525c68"><font face="verdana" size="2" color="white"><?php echo $sysusrid;?></td></tr>

                    <tr><td bgcolor=""><font face="verdana" size="2" color="white">Name</td><td bgcolor=""><font face="verdana" size="2" color="white"><?php echo $name;?></td></tr>


                </table>


            </td>

            <td width="50%"></td>


        </tr>


    </table>

</html>

1 个答案:

答案 0 :(得分:0)

如果您想将iframe高度更改为iframe内容高度,则需要使用JavaScript:

document.getElementById('iframe').height = document.getElementById('iframe').contentWindow.document.body.scrollHeight+'px';

如果要更改iframe中的表格宽度,可以使用contentWindow:

document.getElementById('iframe').contentWindow.document.getElementById('table').style.width = '100%';