Harukiya Archives

2005/09/18

category / CSS

というわけで（毎度謎）上書きしたスタイルは横幅固定&センタリングです。たぶんすぐに戻すことになるので、CSSは最小限にしました。

ごく普通にセンタリングする場合は、すべての要素を<div>要素で囲んで

  1. body {
  2. text-align: center;
  3. }
  4. div#hoge {
  5. text-align: left;
  6. width: 700px;
  7. margin: auto;
  8. }

てな具合にやりますね？でもXHTML1.0＋モダンブラウザなら、以下のようにするだけでセンタリングできます。

  1. body {
  2. width: 700px;
  3. margin-right: auto;
  4. margin-left: auto;
  5. }

> fixed_width.css

<html>要素に対して<body>要素をセンタリングする。余計な<div>も必要なし。

ただしIEではこの手は使えません→html要素にスタイルを設定できない(5.x)（IE6もダメでした）

これが今回IEをないがしろにした理由。センタリングに関しては

  1. body {
  2. padding-right: 5em;
  3. padding-left: 5em;
  4. }

で、充分OKな気がする管理人です。

writeback

  1. 　

< 油断したらすでに夜 | 簡易表記考 > | 表紙へ戻る | 探す | 案内

ホームページ アフィリエイト レンタルサーバー FC2ブログ キャッシング