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 に答える