我正在使用修改后的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像素线,但我看不到它的生成位置。
答案 0 :(得分:1)
似乎我找到了解决方案,虽然这是一个奇怪的解决方案。
通过将div id =“header-image”的高度设置为固定的134px(header-image {height:134px;}),问题解决了,IE和Chrome中的结果相同。
但是,当我没有输入绝对高度时,我不知道为什么IE在元素中添加了4个像素差异。
答案 1 :(得分:0)
这只是一个猜测:IE可能会以怪癖模式运行您的网站,模仿IE6的行为。要禁用怪异模式,您必须指定正确的文档类型。例如,HTML5的正确doctype是:
<!DOCTYPE HTML>