页面在IE浏览器下出现空行错位

你的网站是否和穆童博客一样出现了“页面在IE浏览器下出现空行错位”的现象,而在其他浏览器上却没有这个问题(比如火狐、欧鹏以及谷歌浏览器)。你知道吗,这个问题困扰我很久了,一开始看见这个空格错位的时候还没什么,可是后来越看就越不舒服了,好像是眼睛里面长了刺一样。显然这让我很难受,于是我开始查看源代码,并且结合元网页元素审查工具来检测,可却一无所获,我能看到那个空格的位置,它就在某段</DIV>的结尾,可就是没办法去除掉。可后来我解决了,想知道答案吗?

我本来不抱有希望的,因为我知道这个问题发生的情况不多网上可能也没有答案。可今天我用谷歌搜了一下据让我找到问题的根源了:

原因就是网站程序或者模板代码文件含有BOM。

哈哈,原来如此,难怪这个问题以前没有,而是在我不停的对网站进行优化修改之后才出现,原来就是我在修改完模板代码文件后另存为时直接选择了UTF-8格式,而不是“UTF-8 无BOM”格式。后来我将所有的文件都重置为UTF-8 无BOM格式后问题基本就解决了。

提示:这个问题一般发生在PHP文件中,所以只需要修改php文件为UTF-8 无BOM格式就可以。另外,这个问题貌似在IE9下不会发生,而IE6、IE7下才会发生(IE8没测试)。真希望IE6早点被淘汰啊~!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>