Archive

幅指定と px と em

誰もが通る道。

momoclopedia: side B: 本文幅をウィンドウサイズに合わせることができるか

リンク集や本文テキスト欄といった設計要素の幅は、スタイルシートにてピクセル単位で決めることができる。しかしうちの weblog のトップページは、いつも使っているマシンの解像度1024x768 で web ブラウザを大きく広げて使ってみたらイマイチ幅がせまいナ~と気づいた。本文テキストのエリアだけ、ブラウザのウィンドウサイズに合わせて伸び縮みさせることができればより見た目がスマートになるのでは?

スタイルシートで(ピクセル以外の単位で)幅指定するのが多分一番スマート。em でも % でも。うちのスタイルは右に 200px かそこらのリストを float か位置指定で配置しておいて、本文のボックスに margin-right を 200px かそこら指定するという原始的であまりカッコ良くない方法を採用。これでメインの領域が幅可変、ウィンドウリサイズも怖くないという結果に。

めちゃくちゃ読みづらい記事だなぁ。

Comments

モモクロ
  • 2004-01-19T19:22+09:00

トラックバックありがとう。

黒色(仮)
  • 2004-01-19T19:36+09:00

どういたしまして。

Trackback