« ココログに挑戦(1) | メイン | ココログに挑戦(3) ターゲット指定が... »

ココログに挑戦(2) 横スクロール!?

とりあえずカスタマイズは成功。…が、この後、やっかいな問題が待ち受けていました…。

メインサイトではフレームを使っています。つまり、更新日記として使うためにはココログをフレームの中に入れて支障なく使えなければならないのです。最初、特に問題はないと思われました。が…。

リニューアル前の古いフレーム頁のファイルを使ってシミュレーションを行いました。と、ところが!! なぜか横スクロールが出るのです。ウインドウを広げなきゃ…あれ、もうすでにモニターいっぱいに広がってる状態じゃん? どう見ても左右には余裕がある。ピクセル指定もウインドウの大きさ以下、これなら横スクロールは出ないはずなのに…。ウインドウを縮めても広げても出ます。どうやらウインドウの大きさには関係ないみたいです。ほんのちょっと、ほんの少しだけなんですけどね、すごく気になる…。

ネットで検索しまくりました。そしたら、どうやらこれはHTMLのDoctype宣言というのが原因らしいです。ソースを開いたら一番最初に書いてあるやつ。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

それをとったら横スクロールは出なくなるそうです。でもそれをするためには直接htmlを編集する必要があります。ベーシックじゃ不可だ…。プラスでも無理っぽい。MTならそりゃ出来るけどさ…。しかも試しにローカルでシミュレーションしてみたらば、表示がおかしくなったので、これはやっぱりとらない方がよさそうです。ではどうするか?

弄れるのはcssだけだから、cssで横スクロールをコントロールする方法を探しました。あ、ありました。

html {overflow-x:hidden;}

と記述します。ただし、これは強制的に横スクロールを出させなくする技なので、小さなウインドウで見ている人が困らないように横幅を%にするか、小さめに設定する必要があります。

・参考にさせていただいた頁→こちら

%指定はうちに合ってないので、横幅が800ピクセル以下に収まるよう腐心。実際にはフレームの幅が120あるので、残り680以内で。サイドバーがかなり狭くなりました(^^;。まあ更新日記だし、通常のブログの使い方じゃないから、まあいいかと。過去ログへのリンクさえちゃんと表示できてればいいんだから。苦しいながらも横スクロール問題はどうにかクリア。
しかしまだ問題は残っていたのだった…。