chrome和IEE之间奇怪的CSS差异

时间:2011-07-06 12:04:20

标签: css joomla padding styling

我正在使用修改后的beez5模板在joomla16框架中建立一个网站。我从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像素线,但我看不到它的生成位置。

2 个答案:

答案 0 :(得分:1)

似乎我找到了解决方案,虽然这是一个奇怪的解决方案。

通过将div id =“header-image”的高度设置为固定的134px(header-image {height:134px;}),问题解决了,IE和Chrome中的结果相同。

但是,当我没有输入绝对高度时,我不知道为什么IE在元素中添加了4个像素差异。

答案 1 :(得分:0)

这只是一个猜测:IE可能会以怪癖模式运行您的网站,模仿IE6的行为。要禁用怪异模式,您必须指定正确的文档类型。例如,HTML5的正确doctype是:

<!DOCTYPE HTML>