Question

我毫不怀疑这最终会成为我的一个新手css错误，但我无法弄清楚为什么Chrome和Safari会以我希望和期望的方式呈现此页面，而Firefox和IE9则不会：

对于文本“Guest tap：”和“TMBC DRAFT LIST”我有一个宽度为100％的div，css设置为对齐文本中心，底部边距和边框，但Firefox似乎忽略了这些规则完全，当我检查元素时，它甚至不会出现在css中。它也不会呈现我在啤酒标题旁边浮动的一些彩色圆圈div。

这也以类似的方式影响我在右边区域的链接。

似乎有些东西正在取消这些风格规则，但我无法确切地知道是什么。

Answer 1

在此stylesheet中，您遇到语法错误。

你有：

.beerheader {
   text-align: center; 
   width: 100%; 
   margin: 0 0 40px 0; 
   border-bottom:solid 1px #b3b59b; 
   !important
 }

这应该是什么：

.beerheader {
   text-align: center; 
   width: 100%; 
   margin: 0 0 40px 0; 
   border-bottom:solid 1px #b3b59b !important; 
 }

我不肯定这是问题所在。但这将是我的第一个猜测。另外在旁注中我建议使用标题标题而不是段落标记。和其他人一样，验证代码也是一个好主意。

Answer 2

当它在浏览器中出现'bug'或2，而不是在另一个浏览器或2中时，我验证了html和大部分时间，它修复了一些人说的“错误”，但我说的是破坏的标记。< / p>

Answer 3

css / other / custom.css中的第370行删除双引号

第442行在同一个文件中！重要的应该在之前;标记

您可以使用css验证器来检查这类错误;）