IE7でブログが開けないバグを修正しました

8月 15th, 2009

　当ブログがIE7で開けないバグがあると指摘されました。

　ゲゲっ、本当だ！

　調査したところ、右サイドに表示しているgo2web20のTwitterフォローバッジが原因でした。このバッジけっこう評判良くて、僕も気に入っていたので残念です。

　が、そもそもの原因はIEのバグだそうです。

IE の　インターネット サイト　XXX　は開けられません。　回避策

この問題は子コンテナ HTML 要素が子コンテナのコンテナ親要素を変更しようとするスクリプト コードを含むのが原因で発生します。

以下、同じ現象に悩む人のための対策方法です。

【対策】

(1) id=”wrapper”というdivタグをbodyタグ直下に追加

———————–

<body>

〜

</body>

———————–

↓

———————–

<body>

<div id=”wrapper”>

〜

</div>

</body>

———————–

という感じ。

(2) http://files.go2web20.net/twitterbadge/1.0/badge.jsをパクって、以下のように改造

document.body.appendChild(tfbMainDiv);

↓

document.getElementById(‘wrapper’).appendChild(tfbMainDiv);

(3) 改造版badge.jsをサーバ内に設置。

(4) Twitterフォローバッジの埋め込み用タグを以下のように変更

<script src=’http://files.go2web20.net/twitterbadge/1.0/badge.js’ type=’text/javascript’></script>

↓

<script src=’http://www.zubapita.jp/wp-content/themes/jules-joffrin/twitterbadge.js’ type=’text/javascript’></script>

　これで解決しました。
　
　もし、同じようにTwitterフォローバッジを使っていて、「自分でここまで、できないよ」という人は、(1)と(4)だけそのまま真似すれば、解決します。
　著作権的にかなりグレーですが、ご本家が対応してくれるまでの、応急処置として。一応、作者のブログにはコメントで報告してあります。

関連記事

カテゴリー: WordPress

タグ: コメントする

コメントする

Feed

http://www.zubapita.jp / IE7でブログが開けないバグを修正しました