コンテンツの左右幅
最近のWebページは、当たり前のように左右幅を絶対値で固定してあるページが多いのだが、私としてはこの流行が何ともいやな感じで納得できない。そもそも、Webページというのは、閲覧者自身がＰＣ上で望む形でドキュメントを表示するのが理想な訳で、フォントのサイズは勿論、コンテンツの左右幅についても、なるべく絶対値を使いたくないんだよね。
んで、このMovableTypeなのだが、解説書や解説サイトを見ても、当たり前のように「コンテンツを幅800pxに設定」とか書いてあって、相対値で指定することを説明しているサイトはほとんど無い。
例えばこのページ、メインコンテンツをウインド幅90%に指示してあって、中のサイドバーを200px、残りのエントリー部分の幅を「auto」で指定しているんだけど、これがIE以外のブラウザではうまく表示可能で、逆に「auto」指定を外すとIEでうまく表示できるという、頭の痛い状況になっている。
ブラウザごとにいちいち指定するのはめんどくさいし、そもそもスマートじゃない。何かいい方法はないものか…。
コメント
ぼくが昔インストールしたMTで使ってるスタイルだと、横幅固定せずにウィンドウ幅に合わせて動いてくれてるけど、そういうことではない？
http://ino.i11i.org/mt/
投稿者: いのうえ | 2005年09月15日 20:03
基本はそういうことなんですが、
ベーステンプレートの余白幅（左右違う）優先で相対値にして、中のサイドバー部分は幅固定ですが、その右余白を相対値にして…なんてやってたら、エントリー部分がうまく表示できなくなってしまいました（笑）。
投稿者: よっち | 2005年09月15日 20:35
ちなみに、いのうえさんのページIEで表示すると、サイドバーが下に行ってしまってます。
私が今悩んでいる状態です。
投稿者: よっち | 2005年09月15日 20:51
ベーステンプレートをテーブル化するという荒技で、なんとか直しました。
投稿者: よっち | 2005年09月16日 00:18