XHTMLをできるだけシンプルで綺麗な構造で書きたかったので，デフォルトのテンプレートを相当書き換えてあります。あまり好きになれないのが，装飾のためにdiv要素を多重すること。

<div id="alpha">
  <div id="alpha-inner">
    ......
  </div>
</div>

文書の構造を表現するのに，これは美しいと思えないのです。alpha，betaというid名もちょっと気になります。文書の中での位置づけがはっきりしません。

<div id="contents">
  ......
</div>

としたくなります。

CSSのほうでは，エラスティックレイアウト（Elastic Layout）を目指したんですが，暫定的に今の形になりました。（実力不足。というかmax-width，min-widthが効かないIE6対策が面倒だったので）

横方向のmargin，padding，widthはemで指定しています。文字サイズを変えると，横幅も変わるけれど，1行の文字数は変わらないようになっています。

ウインドウを横方向に伸縮させると，メニュー部分のレイアウトが変わります。広げるとメニューが2段に，縮めるとメニューは下にまわります。メニューの各モジュールにfloat: left;をかけています。

どんなふうにカスタマイズして，どんなCSSをあてたか，また少しずつ報告していきたいと思います。

デザイン変更履歴

• 2007-03-05　デザインを変えました。
• 2007-07-24　デザインを変えました。