Question

与chrome或safari相比，我的网站在firefox中显得与众不同，页面顶部的徽标图片位于页面顶部的较高位置。

我尝试过使用vertical-align但没有运气。有什么建议？（页面是institute101.com）

header .logo img.standard {
display: none;
vertical-align: middle;
}

在IE浏览器中页面更加混乱，在制作兼容所有浏览器的页面时，是否应该记住一般规则？

Answer 1

布局的差异是因为Firefox不尊重body元素上的30px填充。 Firefox似乎忽略了这一点。

问题很可能是可怕的Quirks模式。

如果网站没有以有效的Doctype开头，许多浏览器会将页面置于怪异模式。怪癖模式的问题在于它在不同的浏览器中的工作方式不同。

你的页面确实有一个doctype，但重要的是，它不是页面中的第一个东西，这就是它进入怪癖模式的原因 - 你之前有一些流氓CSS和javascript标签;这些内容需要移到您网页的<head>部分。

修复此问题肯定解决问题，就IE而言。它可能解决Firefox的问题。

希望有所帮助。

Answer 2

问题来自this css file：

此文件的最后一行是：

body { margin:0; padding:30px 0 0; }

如果删除填充，则Firefox的外观相同。