[Css]コロンの記述間違いでIE8だと正常、IE6,7は表示崩れ

2011年8月19日

IE8では正常なのに、IE6、7でCSSがほとんど効かないという状況が発生。

原因を探ったところ、font-familyの設定の「”」の記述間違いでした。

「’」が半角でないといけないところが全角になっていておかしくなっていたようです。
間違いがないように「”」の設定に変えました。

<まちがい>

font-family :
Verdana,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,osaka,’メイリオ’,Meiryo,’MS Pゴシック’,'MS PGothic’,sans-serif;

‘MS PGothic~次の「’」表示があるところまでが緑色(認識してない表示)

<修正>

font-family :
Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,osaka,"メイリオ",Meiryo,"MS Pゴシック",MS PGothic,sans-serif;

今回の場合は、IE8では正常表示できるということがよくないと思うなぁ。

今回の件とは関係なかったのですが、下の場合でも、IE6、IE7で認識しないようです。
まぁこんなすごいページは作らないと思いますが!!

IE6、IE7において、1ページあたりのCSSの外部参照は31まで認識し、32以上は認識しない、 1ページあたりのセレクタ数については、4095個目まで解釈し、4096個以上は解釈しない。
従って、上限を超えた結果CSSを認識せずレイアウトが崩れるなど期待した表示をしない。

http://www.i-site.jp/dd.aspx?itemid=3049