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)だけそのまま真似すれば、解決します。
著作権的にかなりグレーですが、ご本家が対応してくれるまでの、応急処置として。一応、作者のブログにはコメントで報告してあります。
関連記事
- QuictyアプリにAdsense広告を貼る方法
- 今までどのくらいプログラミング言語を触ってきたか(3秒で挫折したものものも含む)
- MacでWeb開発-(6) XAMPP for MacでWebサイトを運営（VirtualHost）
- QuictyによるPHP Webアプリの超高速開発-(2)Quictyアプリの基本構造
- MacもUSBでディスプレイ増設
カテゴリー: WordPress
