私はウェブサイトを作っています。そこでサファリでプレビューします。それは私が望む通りに正確になります。しかし、Firefoxでテストすると。
私のページには、を使用してページ上に配置される要素があります
パディング-左とマージン-上。これは、Safariでプレビューすると完全に機能します。しかし、Firefoxでファイルを開くと。要素のマージントップは数ピクセル増加します。
異なるブラウザで同じページを使用できるように、cssファイルをコーディングするにはどうすればよいですか。私は解決策をウェブで探してみましたが、今のところ問題の解決に役立っていません。
返信は大歓迎です。
4つすべてのマージンと4つすべてのパディング値を明示的に指定します。これにより、ブラウザの組み込みのデフォルトスタイルシートの違いがなくなります。
レイアウトがクロスブラウザ互換ではない理由はいくつか考えられます。そのため、100％W3Cの有効なWebのコーディングを支援する方法を決定するには、マークアップとcssに関するかなりの量の情報が必要になります。ページ。
レイアウトにブループリントや960などのcssフレームワークを使用することをお勧めします。そうすれば、この方法で問題が少なくなります。これは、プロジェクトを開始および保守し、フレームワークを使用しないことを選択した場合にレイアウトを作成する方法を学ぶための良い方法です。
また、サファリと比較してこれら2つのブラウザを使用するユーザーの数が多いという理由だけで、最初にchromeとfirefoxですべてのプロジェクトをテストし、次にサファリでテストすることをお勧めします。また、クロームで見栄えが良ければ、サファリやファイアフォックスでも見栄えがするでしょうが、常にテストする価値があります。
jsteinmannが言ったように、http：//validator.w3.org/を使用して、ページが検証されることを確認してください。これは、あなたが新しいかどうかを判断するのに少し時間がかかりますが、それは重要なステップです。
FireFoxに問題がある場合は、IEを見るとおそらく死ぬでしょう。このリンクをブックマークする！http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
あなたは学ぶことがたくさんあり、グーグルは助けになります：https ://www.google.com.au/search?q=introduction+to+cross+browser+testing&oq=introduction+to+cross+browser+testing&aqs=chrome.0.57 .5763＆sugexp = chrome、mod = 12＆sourceid = chrome＆ie = UTF-8
将来的には、コード例を含む特定の質問にstackoverflowを使用してください。特定の答えがすぐに得られることがわかります。
また、最も役立つと思う答えにチェックマークを付けることを忘れないでください。また、レベルを上げて投票してください。だから人々はあなたの質問に答えるのに時間を費やします。
長い道のりをお楽しみください:)