« SAV、再臨。 | トップページ | 怪奇と幻想と »

2004.06.22

微調整してみる

 ココログのスタイルシートを少しいじってみて、本文の表示幅を620px固定から画面相対に変更してみた。
 おおむね問題なし……と言いたいところだが、IEだとブラウザの画面幅を特定の位置にしたときに、右サイドバーが本文の下に表示されてしまう問題が発生。
 いろいろ原因を探ったところ、幅を本文70%+右サイドバー30%で指定すると、IE6はそれぞれの幅を別個に算出して、結果として端数を切り上げか四捨五入したところで100%を超えてしまい、右サイドバーが余白に入りきらず押し出されるという現象らしい。
 右サイドバーのwidth指定を、気持ち下げると発生しなくなった。
 文にするとわかりにくいけど、メモ代わりに記録しておこう。

|

« SAV、再臨。 | トップページ | 怪奇と幻想と »

コメント

えーと、ココログは記事を編集するたびにスタイルシートを上書きしてくれるので、たぶんもう修正は反映されていないと思います(^^;)。
私のところでは別名のスタイルシートをアップロードして、サブタイトル欄に無理矢理スタイルシート記述を追加する(後から書かれたスタイルシートが優先される)という「反則技」でなんとかスタイルを変えています。
本文中にスタイルシート記述を書くのは規約違反ですが、今のところCSSに対応した全てのブラウザでちゃんと見れています。
詳しくはここをどうぞ。
http://siolli.cocolog-nifty.com/blog/2003/12/post_1.html

投稿: ABYSS | 2004.06.23 21:50

>ABYSSさん
あ、もちろん元のスタイルシートを直接いじったわけではありません。
ソース見て貰えると判りますが、マイリストにJAVAscript仕込んで外部cssファイルを上書きロードする方法を使ってます。
ここで紹介されてるやり方ですね。
http://juan.cocolog-nifty.com/juanlog/2003/12/_2.html#comments

最初にこの方法を採用したのは、こっちの方がよりW3Cの規約に沿った仕上がりになるらしいからですが……まあ、裏技には変わりありませんから、自己満足の範囲です。

投稿: 狂仙 | 2004.06.23 22:04

むむむ。でも変わらない……と思ったら変わってました。
画面幅がある大きさを超えないと効果が分かりませんね。私はウィンドウ幅狭めなんで分かりませんでした(^^;)。

私のところは「全体は相対だけど本文の折り返し文字数は一定」としたかったんですが、幅が狭くなるとサイドバーが下に行っちゃうようになってしまいました。うまく行かんもんです。(画面幅に大して相対的にフォントを拡大とかしたいくらいなんだが……)

投稿: ABYSS | 2004.06.24 23:12

どうも本文かサイドバーのどちらかを固定サイズにしてしまうと、一定サイズ以下でサイドバーが押し出されて下に行っちゃうみたいですね。
最小サイズ指定で逃げようと思ったけど、IEはcssのmin-width:指定が無効になるようで。
なかなか難しいところです。

投稿: 狂仙 | 2004.06.25 01:57

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/18659/820440

この記事へのトラックバック一覧です: 微調整してみる:

« SAV、再臨。 | トップページ | 怪奇と幻想と »