ブラウザの解像度2

解像度の低いPCでもレイアウトをあまり崩すことなく表示させる為に、昨日はPixelで固定したけれど、今日はパーセント表示させてみた。

<style type=”text/css”>
<!–
#container{width:92%}
#left{width:25%}
#right{width:25%}
#center{width:48%}
–>
</style>

IE 6.0だけでなく、Opera 7.23とNetscape 7.1でもこれなら解像度に応じて幅が可変され、横スクロールバーはなくなった。
でも、ブラウザの幅が狭くなると、Opera 7.23とNetscape 7.1ではちゃんと表示されるのに、IE 6.0ではコメント記入欄の右端がサイドバーの下に入り込んでしまう事を発見した。他所のサイトには上手くこの幅も可変されている所もあるようなので、まだ研究の余地がありそうだ。
ついでに、Win 98 SE+IE 5.0と言う環境では、他所のサイトでも指摘がある様に、やっぱりカレンダーの端が切れてしまった。
このままどんどんココログに惹きつけられていく自分がコワイ…。

カテゴリー: HP・ウェブログ関連 パーマリンク