2012-01-11 3 views
2

私は自分のウェブサイトをchromeだけでなくfirefoxと互換性を持たせることに取り組んできました。 Firefox 9(これは私が今日ダウンロードしたもの)であっても、より多くのcss --- css3と互換性のある「ベスト」ブラウザとして広告されていましたが、説明できないエラーがありました。 CSS。Firefoxのために一部のCSSが動作しないのはなぜですか?

私の最初の問題はグラデーションです。同じグラデーションコードを使用する2つの灰色勾配ディバイダがありましたが、結果は非常に異なります。

  1. background-image: -moz-linear-gradient(bottom, rgb(58,58,58) 0%, rgb(85,85,85) 100%);

    は本当に働いていたものでした。

  2. background-image: -moz-linear-gradient(bottom, rgb(42,42,42) 100%, rgb(25,25,25) 0%);しかし、しませんでした。実際、それはまったく何も示していませんでした。私はそれがうまくいくかどうかをテストするためにこの最初のものを入れました。 Firebugのを使用して

、それはへのコードの私の行を変更:だから私はどこかのミスがあったbackground-image: -moz-linear-gradient(center bottom , #2A2A2A 100%, #191919 0%); ?私は例1と2の違いを見ることができません。

私の2番目のエラーはCSS3ではなく、パディングを追加しています:20px;テーブルのタグにそれはクロムでうまく動作しますが、ファイアフォックスではパディングは現れませんでした。私はタグに罫線も使用しているので、境界プロパティ以外の代替方法がありますか?

もう一度お手伝いをしていただきありがとうございます。このバグは過去1〜2時間私を悩ませていたので、私はそれをたくさん感謝しています。

+1

http://jsfiddle.netであなたのページへのリンクを投稿したり、テストケースを作成して再現を試みることができますか? – BoltClock

+1

これを見ていない場合は、リニアグラジエントのFirefoxドキュメント(https://developer.mozilla.org/en/CSS/linear-gradient)をご覧ください。 – jfriend00

+0

実際に、私は勾配の問題を修正しました。最初の例では0%から始まり100%で終了することに気が付いたので、私は2番目の例でそれを試してみました。だから私は、Firefoxはコードオリエンテーションに非常に厳しいですが、クロムはそうではないと思います。しかし、私はまだ問題の助けが必要かもしれません。 – Ninjiangstar

答えて

2

自分で見つけたように、100%から%0までのグラデーションを作成することはできません。そのため、グラジエントステップはパーセント上昇で注文する必要があります。 (一部のブラウザでは、それを表示するように見えるにもかかわらず、あなたは常に標準に維持する必要があります!)

<tr>に関しては、このタグはhttp://www.w3schools.com/tags/tag_tr.asp

は、使用して欲しいものを達成するために試してみてください参照、パディング属性を取りませんのcellpaddingおよびcellspacing html属性または<td>のCSSパディング

+0

は、w3schoolsではなく、更新された参照を使用します。 https://developer.mozilla.org/en/HTML/Element/tr – anderssonola

関連する問題