Skip to main content

content-style-typeでcontent="style/css"なんて書くとおかしなことに。

嫁がやっている某blogで「本文中にフォントの色指定をしても反映されない」なんていうことが発生していることに気づきました。
ちょっと見てみたら<span style="color:#FF0000">~なんて書いてあっても確かに赤くなっていない。
ちなみにFirefoxだけの現象のようです。IEではきちんと表示されている。
ええー 複合的な要因が(たぶん)あるにせよ、Firefoxはこんな単純なスタイル指定でバグるのかー? と驚きながら色々とググってみたら、ありました。

続・IEでなくFirefoxのみで発生するCSS styleトラブル

嫁のblogが思いっきり該当していました。
ヘッダのmetaタグが
<meta http-equiv="content-style-type" content="style/css" />
なんてことになっていました。
正解は"style/css"ではなく"text/css"です。

似たような現象を体験しているブロガーの方、参考にしてくださいまし。

Comments