Webtech Walker

IEでページが真っ白になる謎現象

IE6にて表示されるべきページが真っ白になる現象に直面。htmlファイルに何も書かれていないとかいうわけではなく、firefoxやIE7ではしっかり表示されていました。かなり意味不明な現象です。真っ白になった部分のソースのヘッダ部は下記のようになっていました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>Webtech Walker IEでページが真っ白になる問題</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift-jis">
</head>
<body>
コンテンツ
</body>
</html>

調べてみると、この現象の原因はおそらくtitleタグが文字コード宣言より先にあるからだということがわかりました。なのでtitleタグを文字コード宣言より下に持ってくることでIE6でもしっかり表示されました。

<meta http-equiv="Content-Type" content="text/html; charset=Shift-jis">
<title>Webtech Walker IEでページが真っ白になる問題</title>

いろいろ実験してみた結果、文字コードをUTF-8やEUC-jpにしたりタイトルに日本語を含めないようにしても表示されるようになりました。また環境を変えて違うPCで見ると、表示されたりしなかったりして、かなり意味不明な現象です。とりあえず結論としてはtitleタグを文字宣言の後に記述するしておけば間違えないですよ。ということです。

このエントリーをはてなブックマークに追加