IE6 和 Google Chrome 中的缩进
我的网站 http://www.kotoki.ru 遇到问题。如果你在 IE6 或 Google Chrome 中进入主页,那么我们可以从上边距(不清楚在哪里)注意到,只要进入页面 http://kotoki.ru/moony/ 边距消失。这是为什么以及如何在主页 kotoki.ru 上摆脱它?我尝试使用firebug自己解决这个问题,但没有成功。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
将索引文件的编码更改为
UTF-8
。顶部的空行是因为 UTF-8 字节顺序标记 呈现在屏幕。如果在 Firefox 中将编码更改为“Western ISO-8859-1”,您将看到相同的边距,并且标记为屏幕上呈现的 UTF-8 字节顺序。现在,在 Chrome 和 IE6 中,实际字符不存在,但边距存在,因此浏览器会以某种方式认为您的文档不是 UTF-8 并呈现字节顺序标记。
<罢工>
我还注意到的一件事是,您的元标记之一具有带有单引号
'
的属性,这在 XHTML 中是不允许的,属性应该带有双引号"
。Change the encoding of your index file to
UTF-8
. The empty line at the top is there because of the UTF-8 byte order mark being rendered in the screen.If, in Firefox, you change the encoding to "Western ISO-8859-1" you will see the same margin with the UTF-8 byte order marked being rendered in the screen. Now in Chrome and IE6 the actual characters aren't there, but the margin is, so somehow the browser thinks that your document is not UTF-8 and renders the byte order mark.
Also a thing I noticed is that one of your meta tags has attributes with single quotes
'
, which is not allowed in XHTML, attributes should have double quotes"
.在 Firefox 中,任何一个边距都没有问题,但这可能是您使用 CSS 的方式,我建议在主样式表之前运行一个重置 CSS。
http://meyerweb.com/eric/tools/css/reset/
它有帮助减少浏览器不一致,希望这会有所帮助。
In firefox there is no problem with either margin, however it could be the way you've used the CSS, I would suggest having a reset CSS that runs before you main stylesheet.
http://meyerweb.com/eric/tools/css/reset/
It helps reduce browser inconsistencies, hope this helps.