佐渡島の次平

公開中のアナログ時計に不具合がありました。

【現象】
IE8・Firefox3.5.3以外のブラウザで、アナログ時計を左サイドバーに貼り付けると、投稿記事のエリアに「佐渡島の次平」へのリンクが表示される場合がある。
IE6・IE7で現象を確認しました。MacのSafari3.0はOKのようですが、その他のブラウザは確認していません。

丸の中に見えるのが、文字はつぶれていますが、「佐渡島の次平」へのリンクです。
IE6とIE7を合わせるとブラウザのシェアがなんと約70%！ かなりの人が邪魔なリンクを見ていたことになります。

【原因】
時計自体はサイドバーからはみ出た部分は非表示になるのですが、リンクの文字は非表示にならないブラウザがあるようです。
サイドバーの横幅よりはみ出た部分を非表示にするために
style=”width:100%;overflow:hidden;”
リンクを枠外に表示して、hiddenで非表示にするつもりで
style=”font-size:40%;position : relative;top : 100px;left : 300px;”
としていました。
この組み合わせの解釈が、ブラウザによって違うようです。

【対処】
アナログ・クラシック時計（白）または、アナログ・クラシック時計（黒）　から修正版のスクリプトを貼り付けてください。
FC2ブログでプラグインを使っている方は ブラウザによってプラグインの挙動が違うを参照してください。

【なぜ隠しリンクをつけてるの？】
そもそも、時計の下に素直にリンクを表示すればいいのですが、シンプルな時計なだけに、リンクは邪魔だったのです。
しかし、SEO対策としては、aタグでのリンクは欲しかったわけです。そこで苦肉の策がoverflow:hiddenだったのです。
修正版では、noscriptタグ内にリンクを書いています。これも裏技みたいな使い方ですが許してください。

コメント / トラックバック 3 件 アナログ時計の不具合について があります