ie6 注释引起的问题

问题：div框架里的文字在IE6中出现溢出现象，IE7和FF都显示正常，经过测试，发现这似乎与FLOAT浮动 有关，只要把相应div中的float去掉，就可以显示正常，可缺少了float，在FF下就无法正常显示div的位置，确实让我头疼的非常，今天在网上找找资料，发现IE6的文字溢出原来是由于注释所造成的
问题原因以及解决方法。

原因： 大部分是由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中 文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。

解决办法：
1、不放置注释。最简单、最快捷的解决方法；
2、注释不要放置于2个浮动的区块之间；
3、将文字区块包含在新的<div></div>之间，如：<div style="float:right;width:400px"><div>↓这就
是多出来的那只猪</div></div>；
4、去除文字区块的固定宽度，与3有相似之处；
5、在后面加一个<br />或者空格；（不推荐）
6、使用IE注释格式，如：<!--[if IE]>测试<![endif]-->
7、给盒子加position:relative;属性

赞 (0)

相关推荐

  • ie6 注释引起的问题

    问题:div框架里的文字在IE6中出现溢出现象,IE7和FF都显示正常,经过测试,发现这似乎与FLOAT浮动 有关,只要把相应div中的float去掉,就可以显示正常,可缺少了float,在FF下就无法正常显示div的位置,确实让我头疼的非常,今天在网上找找资料,发现IE6的文字溢出原来是由于注释所造成的 问题原因以及解决方法. 原因: 大部分是由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中 文或英文数字时都成立.注释坐在位置与溢出位置.区块的浮动以及

  • Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法

    Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法

    今天又回顾了一下这个插件,然后发现它在IE6下面工作的时候,显示起来是不正常的,tip经常出现在很离谱的位置.问题还有,由于tip的显示效果没有用到任何图像,都是纯的CSS,所以里面用CSS实现的三角形在IE6下是无法工作的,会显示一块有色区域,很丑,所以我就想动手改它一下.先上一张对比图好了: js方面的代码肯定是没问题的,问题出CSS上,Colortip用的是position进行定位,在IE6下面可能存在着一点问题.而且由于IE6不支持border-color:transparent的属性,

  • JS连连看源码完美注释版(推荐)

    闲来无事,也写一个javascript连连看,注释比较完整,想学的朋友可要看了. 连连看最难的部分应该是路径搜索,即鼠标点的两点之间看有无可通的路径. 看过有人写的递归写法,心里痒痒,就捉摸了一下,发现不用递归的情况下难度也不大. 路径搜索由简到难分析,先分析一条直线上是否可直线连通,再分析一条直线上的两点通过拐两个弯是否可通,最后分析不在一条直线上的情况. 在IE6, IE8, firefox3.0.3下测试过. 复制代码 代码如下: <html><head><meta h

  • IE 条件注释详解总结（附实例代码）

    IE 条件注释详解总结（附实例代码）

    顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块.尽管是非标准的,但是有条件注释对于其他所有浏览器作为常规注释出现,因此本质上是无害的.有条件注释在Windows上的IE5中首次出现,并且得到了Widnows浏览器所有后续版本的支持. IE的有条件注释及其有效,而且非常容易记住.主要的缺点是这些注释需要放在HTML页面中,而不是放在CSS中.这样,当你不需要这些东西,或者有所更改的时候,就需要维护很多的地方. 让我们据几个例子来看看吧-- 只有IE才能识别 因为只有IE5以上的版

  • IE6不能正常解析CSS文件问题的解决方法及原因分析

    网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式.可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情况.看来微软已注意到这个问题,在 IE7 中把它修复了.但是用IE6 的人还是不少.因此这个问题需要解决: 方法一:把 CSS.JS

  • 不同版本IE使用不同css(css条件注释语句用法)

    一.条件注释简介1.IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.2.条件注释只能用于IE5以上.3.如果你安装了多个IE,条件注释将会以最高版本的IE为标准.4.条件注释的基本结构和HTML的注释(<!– –>)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们.5.IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容.二.条件注释属性gt : greater

  • 解决IE5/IE5.5/IE6/FF的兼容性问题——CSS

    转自 蓝色理想  作者 bias 原文地址 http://www.blueidea.com/tech/site/2006/3296.asp 之前找了几个不同版本的可独立运行的IE浏览器,正好拿来试试页面的兼容性问题.不试不知道,在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团,一直听说IE5是WEB标准制作的一个"钉子户",现在不得不相信了. 既然有问题,那就找找解决的方法咯,在网上一搜,相关的文章还是不少的,觉得最直接的方法还是"IE条件注释",很方便的

  • css写菜单：简洁注释版

    这里是简洁版,主要把 [ 显示/隐藏 ] 效果给剥离出来给大家研究. 主要是利用了a:hover[ie],li:hover[非ie]的状态来做出显示/隐藏菜单的效果. 关键之处:  程序代码 <!--[if IE 7]><!--></a><!--<![endif]--> 这一段注释表示:只有非IE浏览器和IE7才能读取到 </a> 这样在非IE浏览器及IE7版本的浏览器中读取到的html是:  程序代码 <li><a hr

  • HTML下在IE浏览器中的专有条件注释讲解

    在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题.其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox.Opera等.需要对这些浏览器进行兼容. 同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5).IE6和IE7这三个版本中.而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同.并且,其他非IE浏览器与IE对某些CSS解释也不一样

  • 网页中返回顶部代码(多种方法)另附注释说明

    网页中返回顶部代码(多种方法)另附注释说明

    下面就说下简单的返回顶部效果的代码实现,附注释说明. 1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能 方法一:用命名锚点击返回到顶部预设的id为top的元素 复制代码 代码如下: <a href="#top" target="_self">返回顶部</a> 方法二:操作scrooll函数用来控制滚动条的位置(第一个参数是水平位置,第二个参数是垂直位置) 复制代码 代码如下: <a href=&qu

随机推荐