`
hengxing2009
  • 浏览: 89594 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE6 iframe 横向滚动条问题

阅读更多
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>
分享到:
评论

相关推荐

    iframe在IE6下出现横向滚动条的解决方案

    在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前,我们需要了解几个关键的前端技术概念,包括iframe的使用、IE6浏览器的特殊性以及CSS(层叠样式表)和JavaScript(JS)的运用。 首先,iframe(内联框架)...

    css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

    /* 去掉横向滚动条 */ overflow-y: hidden; /* 去掉纵向滚动条 */ } ``` 在HTML中,你也可以直接在`&lt;body&gt;`标签上设置`scroll`属性来控制滚动条的显示: ```html &lt;body scroll="no"&gt; &lt;!-- 去掉所有滚动条 --&gt; ;...

    jQuery中Nicescroll滚动条插件的用法

    该插件几乎支持所有主流浏览器,包括IE6+,并能适用于触摸屏设备,具有很低的侵入性和高兼容性。利用Nicescroll,开发者可以很容易地将普通网页上的滚动条替换成一个更加吸引人的界面元素,同时它还支持触摸事件,...

    Dreamwear设计常用代码 1-6.docx

    1. 控制横向和纵向滚动条的显隐: 在HTML中,通过设置`&lt;body&gt;`标签的`style`属性,可以控制页面的滚动条行为。例如,`overflow-y:hidden`将隐藏垂直滚动条,只允许水平滚动;`overflow-x:hidden`则隐藏水平滚动条,...

    50条网页制作小技巧集锦.pdf

    1. **滚动条控制**:通过CSS样式,可以轻松控制网页的横向和纵向滚动条的显示和隐藏。例如,`overflow-y:hidden`用于隐藏垂直滚动条,`overflow-x:hidden`用于隐藏水平滚动条,而`&lt;body scroll="no"&gt;`则可以同时去掉...

    网页制作人员必看的24条技巧

    通过CSS样式`overflow-y`或`overflow-x`属性,可以分别控制页面纵向或横向滚动条的显示与隐藏,优化页面布局。 ### 15. 在FrontPage2000中插入Flash动画 在FrontPage编辑器中,通过菜单操作可以轻松插入Flash动画...

    网页制作经典技巧24条

    15. **控制滚动条**:使用CSS的`overflow`属性可以控制横向和纵向滚动条的显示与隐藏,如`overflow-y:hidden`去除Y轴滚动条,`overflow-x:hidden`去除X轴滚动条。 以上技巧是网页制作中常见的优化和设计手法,它们...

    《程序天下:JavaScript实例自学手册》光盘源码

    17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试代码(三) 18.4 多选考试题 18.5 ...

    程序天下:JavaScript实例自学手册

    17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试代码(三) 18.4 多选考试题 18.5 ...

    html入门到放弃笔记

    1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、Javascript 2、HTML入门(重点) 1、什么是HTML Hyper ...

    C#编程经验技巧宝典

    112 &lt;br&gt;0188 如何在ASP.NET中显示当前IE浏览器头信息 113 &lt;br&gt;5.6 其他应用技巧 114 &lt;br&gt;0189 如何判断年份是否为闰年 114 &lt;br&gt;0190 如何根据年份判断十二生肖 114 &lt;br&gt;0191 如何根据IP...

Global site tag (gtag.js) - Google Analytics