IEで一部のページが真っ白になる現象があるようです。
『米が好き』でも、『LINK LIST』と『BOOKMARK』のページがそうだって事は先日知りました。
普段Firefoxなもんで、あまりIEのチェックはしてなかったんですよね。
でも最初は表示されてたと思ったんだけど…？
無事解決出来たので、その経緯を載せておきます。
まず最初に見つけた解決方法は、『metaタグでcharsetの定義を正しく記述し、titleタグはcharsetの定義の後に記述』でした。
要するに
○正しい
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>米が好き</title>
×誤り
<title>米が好き</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />しかしこれはWordPressのHeader.phpではデフォルトでそうなっております。
んーこれじゃないと更に探して見つけた結果、『親要素のブロックに背景設定されていると、その中にfloatを使った際表示されない』って事でした。
ゲエェェェェェ・・・、マジデエェェェェェ・・・。
しかし、回避方法はあります。
親要素のブロックに幅（width）を入れるとちゃんと表示されるようです。
要するに
<div style="background:#fff;">
<div style="float:left; width:250px;">
左側の表示項目
</div>
<div style="float:right; width:250px;">
右側の表示項目
</div>
</div>
<div style="clear:both;"></div><div style="background:#fff; width:500px;">
<div style="float:left; width:250px;">
左側の表示項目
</div>
<div style="float:right; width:250px;">
右側の表示項目
</div>
</div>
<div style="clear:both;"></div>▼解決前の表示
▼解決後の表示
相変わらずIE特有のバグらしいです。
なもんで、お決まりのセリフを言って締めようと思います。
IEのアホーーー！！
なないろブログ
IE6でページが真っ白
IE6でページが真っ白
