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

 当ブログが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)だけそのまま真似すれば、解決します。
 著作権的にかなりグレーですが、ご本家が対応してくれるまでの、応急処置として。一応、作者のブログにはコメントで報告してあります。

関連記事

投稿者:

ともゆき@zubapita

ともゆき@zubapita

作ったモノ 雑誌:月刊アスキー(デスク)、アスキー.PC(副編集長)、インターネットアスキー(編集長)、アスキーPCエクスプローラー(編集長) Webサイト:東京グルメ/ライブドアグルメ、映画を語ろう、本が好き 著書:「Twitter 使いこなし術」「facebook 使いこなし術」 最近は、株式会社ブックウォーカーにて、「BWインディーズ」をやってます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>