livedoor ナレッジ

カスタマイズしたライブドアブログのタイトル画像がＩＥ７だとクリックできなくなりました。

ライブドアブログをカスタマイズして
タイトル画像をクリックするとトップページに
戻るように設定して使っていました。

カスタマイズの仕方は、

を参考にして作らせていただきました。

　今まで便利に使わせていただいて
いたのですが、ＩＥ７（インターネットエクス
プローラ７）をインストールしたら、タイトル
画像をクリックできなくなってしまいました。

今、バージョンダウンしてＩＥ６にもどしたら
クリックできました。他のパソコンでもＩＥ６
だと問題なくタイトル画像をクリックしてトップ
ページにもどれるようです。

でも、これからＩＥ７が主流になっていくので
あればブログも対応させないといけないのだと
思っています。知恵を貸していただけると幸い
です。

ボクのブログは

です。

IE7以前にIE6以外のブラウザはたいてい押せないのではないかと思います。うちのFirefoxでもSafariでも押せません。現状、構造としては、
<h1 class="blogtitle"><a href="..."><span>タイトル</span></a></h1>
となっていて、ここのスタイルで、
.blogtitle a span {
　display: none;
}
となっているので押せない方が自然なブラウザの解釈だと思います。

修正案ですが、現状を活かして、最小限でやるなら、HTMLテンプレートで、

<a href="<$BlogUrl$>">
<div id="banner">
<h1 class="blogtitle">
・・・ここはそのまま
</h1>
<div class="description"></div>
</div>
</a>

みたいにするか、または、

<div id="banner">

を

<div id="banner" onClick="location.href='<$BlogUrl$>';">

とかすると押せるようになると思います。