livedoor ナレッジ

ブログに貼ってあるカウンターにマウスオーバーした時に表示される数字が変なんです。

Internet Explorer 6から Internet Explorer 7にバージョンアップしたら今まで正常に表示されてたマウスオーバーした時の数字の3桁目が下に下がるんです。
それにYESTERDAYの文字もYESTERその下にDAYと表示されます。とNINJA TOOLSに質問するとブログテンプレートのCSSの影響により表示がずれてしまう状態だと言われました。

ブログテンプレートのCSSをどのようにすれば
正常に表示されるのでしょうか？

教えてください。

フリーエリアに設置しているNINJAカウンターのHTMLソースの下に

<script type="text/javascript"><!--
// NINJAカウンターポップアップグラフ・IE7対策(?)
document.getElementById("NINCtLay").style.position='relative';
//--></script>

これをコピペして保存、サイドバーを再構築すれば完了です。
尚、その際フリーエリアの改行設定は

〇改行を<br/>タグに変換　　◎変換しない

「変換しない」にチェックを入れておいてください。


--


回答3を実行しておわかりになったと思いますが、この方法はマウスオーバー時にカウンター以下の表示がズレる、というデメリットがあります。

本来の質問内容であるCSSをさわって解決する方法については、以前いくつかのケースで検証してみましたが私にはどうしてもわかりませんでした。いっそCSSそのものを取っ払ってしまえばどのブラウザでも正常に表示されるのですが、これでは意味ないですしね（笑）

ナレッジには驚くほどCSSやJavaScriptに詳しい方が私が知ってるだけでも数名おられます。
もっとうまいやり方をご存知の方がおられるかもしれませんので、引き続き回答を受け付けることをおすすめします。


mannendoco_life

こんにちは。

この質問だけだと、回答が付きにくいと思います。
出来たら、あなたのブログのURLを記載してもらえませんか？

そうすれば、CSSに詳しい方が回答して下さると思います。

IE7は不具合が改善されたといっても、まだ完全ではないようです。
IE6で特段問題が無ければIE6に戻してみてはどうでしょうか。

IE7の特性はまったく知らないので100%カンですけど…
試しに
マウスオーバーする前に

javascript:document.getElementById("NINCtLay").style.position='relative';focus();

↑これをアドレスバーにコピペして[Enter]を押してみていただけますか。