IE6 iframe 横向滚动条问题
作者:荆棘鸟 来源:荆棘鸟's Blog 时间:2009-01-18 13:31:00
iframe 标签 -- 代表HTML内联框架
iframe 标签是成对出现的,以<iframe>开始,</iframe>结束
iframe 标签内的内容可以做为浏览器不支持iframe标签时显示
属性
Common -- 一般属性
name -- 定义了内容页名称,此名称在框架页内链接时使用到
src -- 定义了内容页URL(同frame标签)
frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1 -- 在每个页面之间都显示边框
0 -- 不显示边框
height -- 框架的高度,取值像素或百分比
width -- 框架的宽度,取值像素或百分比
marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
yes -- 显示滚动条
no -- 不显示滚动条
auto -- 当需要时再显示滚动条
align -- 垂直或水平对齐方式
longdesc -- 定义框架页的说明
IE6 iframe 横向滚动条问题,用iframe的时候,里面包含的页的高度或者宽度(注意)只要是其中之一或者两者的高或者宽超过了你的DIV(也就是task_pane)时,IE6都会出现横向滚动条,而IE7和FF是正常的。
经典论坛有解决方案,经实践证明,设定iframe 样式,overflow-x: hidden,且将scrolling设为“yes”,这样的方法是有效的。如果只定义scrolling为yes,在FF下会出现横向滚动条。
<iframe src="#" scrolling="yes" style="overflow:visible;">
</iframe>