Chrome 和 IEE 之间奇怪的 css 差异
我正在 joomla16 框架中做一个网站，使用修改后的 beez5 模板。我从 IE 得到了一个奇怪的结果。 Chrome 按预期显示了该网站，但是 IEE 正在添加一个我似乎在任何地方都找不到的填充。我一直在使用 IE 开发工具与 Chrome 元素检查器来查找此差异，但无处可寻。
该网站是 http://85.233.235.109/joomla16/
任何帮助或建议将不胜感激。
编辑：
我正在使用 IE 8.0 进行测试。(7601)
更新：
我似乎在 IE 开发工具中找到了一些东西。 使用布局窗格，您可以获得不同元素的计算大小。
div id="header-image" 的大小为 1050x137， 而 a class="logo" 和 img class="logo" 的大小均为 1050x134。
这将说明 3 像素线，但我不知道它是在哪里生成的。
I am doing a website in the joomla16 framework, using a modified beez5 template. I am getting a strange result from IE. Chrome shows the site as it is intended, however IEE is adding a padding I can't seem to find anywhere. I've been using IE dev tool vs. the Chrome element inspector to find this discrepancy, but it's nowhere to be found.
The site is http://85.233.235.109/joomla16/
Any help or suggestions would be gladly appreciated.
Edit:
I am testing with IE 8.0.(7601)
UPDATE:
I seem to have found something in the IE dev tool.
Using the layout pane you can get the calculated sizes of the different elements.
The div id="header-image" has a size of 1050x137,
whereas the a class="logo" and the img class="logo" both have a size of 1050x134.
This would account for the 3 pixel line, but I don't see where it is generated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
看来我已经找到了解决方案，尽管这是一个奇怪的解决方案。
通过将 div id="header-image" 的高度设置为固定的 134px ( header-image{height:134px;}) 问题就解决了，在 IE 和 Chrome 中结果是相同的。
但是，我不知道为什么 IE 在未输入绝对高度的情况下在元素中添加 4 像素的差异。
It seems I have found the solution, although it's a strange one.
By setting height of div id="header-image" to a fixed 134px ( header-image{height:134px;}) the problem is solved, and the results are the same in IE and Chrome.
However, I don't know why IE is adding a 4 pixel difference in the element, when the absolute height is not entered.
这只是一个猜测：IE 可能会以怪异模式运行您的网站，它会模拟 IE6 的行为。要禁用怪异模式，您必须指定正确的文档类型。 HTML5 的正确文档类型例如：
This is just a guess: IE might run your site in quirks mode, where it emulates the behaviour of IE6. To disable quirks mode, you have to specify a correct doc type. The correct doctype for HTML5 is for example: