WordPressのプラグインWP-to-topでIE6に縦スクロールバーが出ない際の修正箇所

Ads

ie600
先日、Twitterでつぶやきまくられた
IE6でのかちびと.netの問題点。
カラム落ちとレイアウトのズレ、
一番問題だったのが縦スクロールが
出来ない、という未知の経験でしたが、
その解消法、というか修正箇所をメモ。
カラム落ちは初歩的なミスでした。。

環境にもよるかも知れませんが、私はIE6を持っておらず、IETester
いつも確認しているのですが、今回はブログ記事の移行作業やら更新やらで
すっかり忘れていました。そんな中、TwitterやコメントでIE6での表示の問題
を知らせて頂けました。

IETesterでエラーが出て見れない

IE6での表示がおかしい、と言われてIETesterで確認しようと思ったら
エラーが出て見れない!これは困った、困ったぞぅ!とTwitterで叫んでいたら
2up_dさん(Twitterの背景が超カッコいい)が凄くいいソフトを
教えてくれました。→IE6.exe※ダウンロードが可能です。
ie602
まんまIE6で表示してくれます。まさに

「Xenocode最高や!IETesterなんて最初からいらなかったんや!!」

と言わざるを得ない。もともとIE6を見たくてIETesterをDLしていたのでこれは嬉しかった。

IE6でカラム落ち

ie601
例によってIE6でカラム落ちしてましたが、これはsriprootさん
教えてもらえました。 かなり初歩的なミスではてブの人気エントリーのパーツのwidthが広すぎた。
という、何とも情けない理由でした。笑ってくれ。

本題・IE6に縦スクロールバーが出なかった理由

本題の「IE6に縦スクロールバーが出なかった理由」ですが、ググってもググっても
出てくる情報が無く、かなり困っていましたが、※ただし、イケメンに限る
有名なロプちゃん
ie6
wp-to-topie6.css の、bodyの overflow-y:visible; を overflow-y:scroll; にしてみたら?
と言う言葉がドンピシャ(古)。完璧でした。という訳で修正点は以下。
wp-to-top/css/wp-to-topie6.css の、body部分。

body {
height:100%;
overflow-y:visible;
}

となっているのを以下のように修正

body {
height:100%;
overflow-y:scroll;
}

これで縦スクロールバーが出ました。ただ、IE6ではやはり、wp-to-topが
表示されません。さくらさん配布元はIE6でも表示されるので他の
プラグインとぶつかってるか、なんかかも知れませんが。
とりあえず縦スクロールは直りました。良かった。
IE6ユーザーの方、大変ご迷惑お掛けしました。。。

Special thanx!!!!

2up_d,sriproot ,ropross ,shiburivi, yuina_s
みんなありがとう!