2011-01-19 3 views
6

おそらく私は何か非常に明白ではありませんが、Internet Explorerでは青色で他のブラウザでは黒く表示される凡例には、IEと他のブラウザでHTMLの凡例タグのテキストの色が異なる理由

<html> 
    <head> 
    </head> 
    <body> 
     <fieldset font-italic="True"> 
      <legend style="font-size: 24px; font-weight: bolder;">This is a test</legend> 
     </fieldset> 
    </body> 
</html> 

私は明示的に色を黒に設定していますので、各ブラウザで共通の色を使用したいと思います。しかし、私はなぜここに違いがあるのか​​不思議です。

答えて

5

あなたが話しているIEを知らなくても、デザイナーが自分のスタイルを明示的に指定しないときは常に、各ブラウザに独自のスタイル属性が設定されています。

この問題の良い解決策は、CSSのリセットを使用することです。これは、すべての要素のスタイルを基本的にはゼロに減らします。

http://meyerweb.com/eric/tools/css/reset/

+1

応答ありがとう!私はリセットスタイルシートの使用については考えなかった。私は自分のサイト全体にスタイルシートを使用しています。また、私はIE8を使用していますが、ユーザーは任意のバージョンを使用することができます。私は、各ブラウザがさまざまな方法で実装されていることを知っていますが、私はちょうどそれがIEのようなデフォルトの色の青を選択することが奇妙だと思う。 – MisterXero

3

異なるブラウザ=異なるデフォルト。これは、一部の人々(ただし私は)this one from YahooのようなCSSリセットスタイルシートを使用している理由です。

EDIT:

私は(ユーザーのブラウザのために余分な作業を作成する、それはあなたがおそらくあなたが上書きされますことを必要とし、多くはありませんルールの多くを追加するためにリセットを使用することを好みませんおそらくあなたよりも遅いマシンで動いているでしょう)。自分のベースをカバーしていることを自分のCSSで明確にすることを好むのが好きですが、使いたい場合には何か問題がないとは思いません。

+0

リンクありがとうございます!前にリセットスタイルシートを使用していませんが、私はすべてのページにスタイルシートを使用しています。私はちょうどIEがデフォルトとして青を使用することを選択し、他はほとんど黒を使用するように思われることが奇妙に思える。 – MisterXero

+0

覚えておくべき最大のものは、パディングとマージン、つまりCSSスタイルシートの最上部にあるIMO - do *(パディング:0マージン:0)です。これは後でブラウザとの信頼関係でパッドとマージンを設定できるようにします。 –

2

また、IEでの伝説は、あなたが簡単に

での伝説のための余裕を持つようにIEを伝えることでこれを修正することができます7つのピクセル:)

の左からオフセットしていることに注意してください

margin: 0 -7px; 
+0

チップをありがとう!私はそれを覚えています。 – MisterXero

関連する問題