4当前位置:网页制作HTML教程IE6中出现"文字自动重复&qu…
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
视频 | 其它
4赞助商链接
4最新网页制作
·link标签media参数的含义小结
·让IE完美支持HTML5/CSS3的方法
·让网站支持老版本IE浏览器的3种解决方法
·网页头部多出一行空白甚至样式错乱等问题的分析
·HTML5大潮已袭来,HTML5曲折的发展之路
·漂亮的DIV+CSS+JQUERY网站后台模板
·HTML4和HTML5之间的10个主要不同之处
·简述html的3种列表ul、ol、dl
·适合网站后台的Popup Menu
·IE6中出现"文字自动重复"错误的原因和解决方法
4热门网页制作
·两种网页滚动字幕代码
·设置select宽度
·在网页中实现细线边框的两种方法
·HTML语法基础及规则
·滚动字幕标记(marquee)的使用
·表单提交后submit按钮变灰
·隐藏状态栏的超链接信息
·如何让浏览者记住你的网站
·隐藏网页源代码方法汇总
·制作漂亮的三维表格
4相关网页制作
·简述html的3种列表ul、ol、dl
·设置同一个页面内的链接
·Web与排版学上的字体问题
·HTML语法基础及规则
·XHTML代码的基本应用
·HTML4和HTML5之间的10个主要不同之处
·如何开始WEB标准之路
·多语言网站开发技术分析
·提高网页下载速度方法二则
·偷窥HTML与XML之间的秘密
IE6中出现"文字自动重复"错误的原因和解决方法
类别:HTML教程    来源:网络    时间:2010/4/21    贴士:推荐给好友
收藏本页 8 
  以前在做DIV有时候会碰到文字自动重复的现象,即在一系列元素的下端的文字会重复出现。这种现象只会在IE6中出现,在IE7和火狐中没有此现象。例如:

        


  找了N久原因,是有关CSS中的float属性,把float属性去掉就没有问题了,但是真正的原因一直不太清楚,后来在蓝色理想看到一个帖子才搞清楚原因和解决方法。

  原因:是注释造成的文字溢出,而且只有IE6才有这个BUG,而溢出文字的字数=注释的条数*2-1。BUG与注释文字的位置、区块的浮动以及文字区块的固定宽度都有联系。

  解决方法:

  1、不放置注释。这是最简单、最快捷的解决方法,但不方便,有时是需要注释的;

  2、注释不要放置于2个浮动的区块之间;

  3、将文字区块包含在新的元素之间(这个增加了多余的元素),如在外面再加一层<div>:<div style="float:right;width:400px"><div>中国站长天空(www.zzsky.cn),站长建站乐园</div> </div>;

  4、去除文字区块的固定宽度,与3有相似之处;

  5、在后面加一个<br>或者空格(这个增加了多余的元素);

  6、使用IE注释格式(这个是可以使用的,不论在IE还是火狐都正常显示,而且也符合标准,但和常规的注释不一样),如:<!--[if !IE]>Put your commentary in here...<![endif]-->;

  7、给盒子加;属性(个人觉得这个应该是最好的解决方法,应该只有IE6有这个BUG,可以只针对IE6加这个属性)。
·上一篇:几个常用代码在IE8和火狐下的对比
·下一篇:适合网站后台的Popup Menu
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2010 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备12017729号