先日、Twitterでつぶやきまくられた
IE6でのかちびと.netの問題点。
カラム落ちとレイアウトのズレ、
一番問題だったのが縦スクロールが
出来ない、という未知の経験でしたが、
その解消法、というか修正箇所をメモ。
カラム落ちは初歩的なミスでした。。
環境にもよるかも知れませんが、私はIE6を持っておらず、IETesterで
いつも確認しているのですが、今回はブログ記事の移行作業やら更新やらで
すっかり忘れていました。そんな中、TwitterやコメントでIE6での表示の問題
を知らせて頂けました。
IETesterでエラーが出て見れない
IE6での表示がおかしい、と言われてIETesterで確認しようと思ったら
エラーが出て見れない！これは困った、困ったぞぅ！とTwitterで叫んでいたら
2up_dさん（Twitterの背景が超カッコいい）が凄くいいソフトを
教えてくれました。→IE6.exe※ダウンロードが可能です。
まんまIE6で表示してくれます。まさに
「Xenocode最高や！IETesterなんて最初からいらなかったんや！！」
と言わざるを得ない。もともとIE6を見たくてIETesterをDLしていたのでこれは嬉しかった。
IE6でカラム落ち
例によってIE6でカラム落ちしてましたが、これはsriprootさんに
教えてもらえました。 かなり初歩的なミスではてブの人気エントリーのパーツのwidthが広すぎた。
という、何とも情けない理由でした。笑ってくれ。
本題・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ユーザーの方、大変ご迷惑お掛けしました。。。