iframe 内のコンテンツが border_html/css_WEB-ITnose を超えています-htmlチュートリアル-php.cn

iframe 内のコンテンツが border_html/css_WEB-ITnose を超えています

WBOY

リリース： 2016-06-21 09:39:06

オリジナル

1535 人が閲覧しました

この投稿は xiongdawang によって最終編集されました: 2012-11-01 14:21:26

iframe タグに定義した CSS パディング: 10px;
呼び出されたページはその中に表示され、他のページでは問題ありません。
ハイチャートの画像のページですが、垂直スクロールバーがある場合、上下にスクロールするハイチャートのページは枠からはみ出てしまいますか？

ディスカッションに返信 (解決策)

overflow:hidden

overflow:hidden

試してみましたが、うまくいきません。

1階さんの返信より引用:
overflow:hidden

試してみたけどダメでした！
高さと幅は設定しましたか？それ以外の場合は、コードを取り出してマスターに見てもらってください

2階の回答より引用:
1階の回答より引用。 :
overflow:hidden

使ってみましたはい、うまくいきません!

高さと幅は設定しましたか？それ以外の場合は、コードを取り出して専門家に見てもらいます。高さ、幅、オーバーフローが設定されていれば問題ないと思います

呼び出されるページの高さは固定です

私は jquery を使用します。 ui レイアウトでは、IE8 では問題ありません。IE7 360 では、highcharts chart を呼び出すページのみで問題が発生します

これはフレーム部分のコードです:

<link rel="stylesheet" type="text/css" href="css/jquery.css"><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/layout-ui-datepicker-min.js"></script><script type="text/javascript" src="js/left-core-min.js"></script><script language="javascript">function UnLoadEvent(){	window.location.href='exit.php';}</script></head><body id="" onunload="">  <div class="ui-layout-north header ui-layout-pane ui-layout-pane-north broke-endless-pages">    <div class="top"></div>    <ul>      <li><a title="退出系统" href="exit.php"  hidefocus="ture"><img src="./images/c5.png"/></a></li>      <li><a title="系统管理" href="frame_system.php"  hidefocus="ture"><img src="./images/c4.png"/></a></li>      <li><a title="考勤管理" href="frame_attendance.php"  hidefocus="ture"><img src="./images/c3.png"/></a></li>      <li><a title="信息导入" href="#" hidefocus="ture"><img src="./images/c2.png"/></a></li>      <li><a title="信息查询" href="frame.php"  hidefocus="ture"><img src="./images/c1.png"/></a></li>    </ul>  </div>  <iframe class="ui-layout-west ui-layout-pane ui-layout-pane-west" src="frame_left_inquiry.php" name="leftFrame" id="leftFrame" frameborder="0" scrolling="no"></iframe>  <iframe src="virtualAccount/ID_Search.php" name="mainFrame" id="mainFrame" class="ui-layout-center ui-layout-pane ui-layout-pane-center" frameborder="0" scrolling="yes" style="overflow: hidden;">  </iframe>  <div class="ui-layout-south ui-layout-pane ui-layout-pane-south">  <span></span>  </div></body></html>

ログイン後にコピー

これは呼び出されるページコードです:

<!DOCTYPE HTML><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">		<title>Highcharts Example</title>		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>		<script type="text/javascript">$(function () {    var chart;    $(document).ready(function() {        chart = new Highcharts.Chart({                        chart: {                renderTo: 'container'            },                        title: {                text: 'Logarithmic axis demo'            },                        xAxis: {                tickInterval: 1            },                        yAxis: {                type: 'logarithmic',                minorTickInterval: 0.1            },                        tooltip: {                headerFormat: '<b>{series.name}</b><br />',                pointFormat: 'x = {point.x}, y = {point.y}'            },                        series: [{                            data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512],                pointStart: 1            }]        });    });    });		</script>	</head>	<body><script src="../../js/highcharts.js"></script><script src="../../js/modules/exporting.js"></script><div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>	</body></html>

ログイン後にコピー

IE8 では問題はありませんが、IE7 360 では、highcharts チャートを呼び出すページしかありません

この問題が発生します

これはフレームワーク部分のコードです:
PHP コード

著者別の最新記事