iBlog覚え書き その3
iBlogもMovableTypeも初期状態は
ウィンドウ幅全体を使うデザイン（スタイルシート）になっています。
これだと、最近の広いディスプレーだと1行がものすごく長くなって読みづらく、
個人的にどーもしっくり来ないので、幅を固定してセンター揃えにしました。
こんな方法でやってみました。
まず、スタイルシートに
#all
{
margin-left:auto;
margin-right:auto;
width:
800px;
}
と入れます。幅はピクセルで指定します。（800pxは適当に変えてください。）
周囲に罫線を入れたり、背景色を変えたい場合は、
background:#ffffff;
border:1px
solid
#ccc;
など適宜追加して下さい。
次に、使っている
BlogPage.txtほかすべてのテンプレートの
<body></body>内のコンテンツすべてを
<body>
<div
id="all">
コンテンツ
</div>
</body>
という感じで、<div
id="all">〜</div> で囲めば完成です。
変更後は、Blogメニューより リセット後プレビューで確認して下さい。
さらに、ブラウザ再読込しないとうまく反映されません。
