とりあえずカスタマイズは成功。…が、この後、やっかいな問題が待ち受けていました…。
メインサイトではフレームを使っています。つまり、更新日記として使うためにはココログをフレームの中に入れて支障なく使えなければならないのです。最初、特に問題はないと思われました。が…。
リニューアル前の古いフレーム頁のファイルを使ってシミュレーションを行いました。と、ところが！！ なぜか横スクロールが出るのです。ウインドウを広げなきゃ…あれ、もうすでにモニターいっぱいに広がってる状態じゃん？ どう見ても左右には余裕がある。ピクセル指定もウインドウの大きさ以下、これなら横スクロールは出ないはずなのに…。ウインドウを縮めても広げても出ます。どうやらウインドウの大きさには関係ないみたいです。ほんのちょっと、ほんの少しだけなんですけどね、すごく気になる…。
ネットで検索しまくりました。そしたら、どうやらこれはHTMLのDoctype宣言というのが原因らしいです。ソースを開いたら一番最初に書いてあるやつ。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
それをとったら横スクロールは出なくなるそうです。でもそれをするためには直接ｈｔｍｌを編集する必要があります。ベーシックじゃ不可だ…。プラスでも無理っぽい。ＭＴならそりゃ出来るけどさ…。しかも試しにローカルでシミュレーションしてみたらば、表示がおかしくなったので、これはやっぱりとらない方がよさそうです。ではどうするか？
弄れるのはｃｓｓだけだから、ｃｓｓで横スクロールをコントロールする方法を探しました。あ、ありました。
html {overflow-x:hidden;}
と記述します。ただし、これは強制的に横スクロールを出させなくする技なので、小さなウインドウで見ている人が困らないように横幅を％にするか、小さめに設定する必要があります。
％指定はうちに合ってないので、横幅が800ピクセル以下に収まるよう腐心。実際にはフレームの幅が120あるので、残り680以内で。サイドバーがかなり狭くなりました(^^;。まあ更新日記だし、通常のブログの使い方じゃないから、まあいいかと。過去ログへのリンクさえちゃんと表示できてればいいんだから。苦しいながらも横スクロール問題はどうにかクリア。
しかしまだ問題は残っていたのだった…。