0

我毫不怀疑这最终会成为我的一些菜鸟 css 错误，但我不明白为什么 Chrome 和 Safari 会以我想要和期望的方式呈现此页面，而 Firefox 和 IE9 不会：

http://turtlemountainbrewing.com/wordpress/beers-on-tap/

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

这也以类似的方式影响了我在右页脚区域中的链接。

似乎有些东西正在取消这些样式规则，但我不知道到底是什么。

4

3 回答 3

3

在此样式表中，您有语法错误。

你有：

.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; 
 }

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

于 2013-11-12T18:53:01.133 回答
1

当它在浏览器或 2 中而不是在另一个浏览器或 2 中出现“错误”时，我会验证 html，并且大多数时候，它会修复一些人所说的“错误”，但我所说的是损坏的标记。

关于验证：http: //jigsaw.w3.org/css-validator/ 和 http://validator.w3.org/

于 2013-11-12T18:57:23.747 回答
0

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

同一文件中的第 442 行 !important 应该在 ; 之前 标记

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

例如http://jigsaw.w3.org/css-validator/validator

于 2013-11-12T19:00:51.113 回答