2012-03-08 14 views
0

可能性の重複を探すために、すべてのブラウザにする方法:
is there a program or a framework which allows to build cross browser compatible html and css codes?同じ動作と同じCSSからレンダリングし

私の問題はこれです、私は異なる動作を持つアプリケーションを持っていますIE、FF、Chromeの場合たとえば、IEとFF + Chromeブラウザでは違って見えるボタンはほとんどなく、同じCSSから実行するにはどのようにターゲットを絞ることができますか? Chromeでは、すべてのドロップダウンリストや他の多くのバックグラウンドのグラデーションに問題があります。誰かが解決策を持っている場合。 ありがとうございます。

+3

忘れてください。 –

+0

本当に「ワンサイズフィット」のソリューションはありません。この質問で私の答えを見て:http://stackoverflow.com/questions/8850363/is-there-a-program-or-a-framework-which-allows-to-build-cross-browser-compatible/ 8850500#8850500 – Bazzz

答えて

0

あなたは各ブラウザのスタイル情報を設定するために、条件付きコメントを使用、または既知のブラウザの癖を活用するために(無駄に可能性が高い)試みることができるCSSファイルの先頭に

html 
{ 
    height: 100%; 
} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{ 
    margin: 0; 
    padding: 0; 
} 
table 
{ 
    border-collapse: collapse; 
    border-spacing: 0; 

} 
fieldset, img 
{ 
    border: 0; 
} 
address, caption, cite, code, dfn, em, strong, th, var 
{ 
    font-style: normal; 
    font-weight: normal; 
} 
ol, ul 
{ 
    list-style: none; 
} 
caption, th 
{ 
    text-align: left; 
} 
h1, h2, h3, h4, h5, h6 
{ 
    font-size: 100%; 
    font-weight: normal; 
} 
q:before, q:after 
{ 
    content: ''; 
} 
abbr, acronym 
{ 
    border: 0; 
} 
+0

これはマイヤーズのCSSリセットですね? –

0

を追加し、それに最善かつ唯一の方法すべてのブラウザで統一された外観を得るには、W3C標準に準拠したマークアップが必要です。

これ以外にも、マークアップの代わりにイメージを使用することで、グラフィックスの問題を克服することができます。

関連する問題