首页 > web前端 > html教程 > iframe中的内容超出了边框_html/css_WEB-ITnose

iframe中的内容超出了边框_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:39:06
原创
1534 人浏览过

本帖最后由 xiongdawang 于 2012-11-01 14:21:26 编辑

iframe标签我定义的CSS padding: 10px;
把调用的页面显示在里面,其他页面都没有问题,
就是highcharts图的页面,当有竖滚动条时,上下滚动highcharts图的页面会超出框外?



回复讨论(解决方案)

overflow:hidden

overflow:hidden

我用了的,就是不起作用!

引用 1 楼  的回复:
overflow:hidden


我用了的,就是不起作用!
那你高度宽度设置了没? 不然你就把代码拿出来 让各位大神看看 我个人感觉高度宽度overflow都设置了应该没问题

引用 2 楼 的回复:

引用 1 楼 的回复:
overflow:hidden


我用了的,就是不起作用!

那你高度宽度设置了没? 不然你就把代码拿出来 让各位大神看看 我个人感觉高度宽度overflow都设置了应该没问题

被调用的页面高度是固定的

我用的是jquery ui 布局的,在IE8下没有问题,在IE7 360下只有调用highcharts图的页面,
出现这个问题

这是框架部分CODE:

<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"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="系统管理" href="frame_system.php"  hidefocus="ture"><img  src="./images/c4.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="考勤管理" href="frame_attendance.php"  hidefocus="ture"><img  src="./images/c3.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="信息导入" href="#" hidefocus="ture"><img  src="./images/c2.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></a></li>      <li><a title="信息查询" href="frame.php"  hidefocus="ture"><img  src="./images/c1.png"/ alt="iframe中的内容超出了边框_html/css_WEB-ITnose" ></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="max-width:90%">  </iframe>  <div class="ui-layout-south ui-layout-pane ui-layout-pane-south">  <span></span>  </div></body></html>
登录后复制


这是被调用的页面code:
<!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>
登录后复制

我用的是jquery ui 布局的,在IE8下没有问题,在IE7 360下只有调用highcharts图的页面,
出现这个问题

这是框架部分CODE:
PHP code

<script></script> 我说的宽度高度是你在iframe的style里面加 你加了试试 如果不行那我也不懂了 - -期待哪个大神帮你解决吧

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板