IEとFirefoxdeCSSの表示が異なる件

<head>~</head>に書き込み

外部リンク扱いでCSSファイルを扱っていましたが、htmlファイル内に直にCSSを書き込むことは未経験だたため、早速挑戦。

<!– –>の表記内にCSSを書き込む。これで囲むことで、表には表示されないようです。

IE8の表示

h2の情報とPタグのテキストが共に色つきで表示され、CSSが反映されていることがわかります。

01_css

Firefoxで表示

文字に色がついておらず、CSSが全く反映されていません。同じような問題にぶち当たった人がいるのではと検索してみると、同じような悩みを抱えている人が結構いる。早速、色々と試してはみるものの、全く改善される気配なし。

02_css

単なるケアレスミス

よーくコードを見ると、タグと値の間がコロン(:)ではなく、イコール(=)になっていることが判明

早速、コロンにして、プレビューしてみる。

03_css

ザンッ、解決。 そもそもIE8は多少、表記が間違っていようと表示してくれる懐の深いブラウザーかとあらためて見直しました。 けど、メインブラウザーとして、この先使っていくことはないけど・・・。