livedoor ナレッジ

ブログをすこし中央よりに。

今の状態でシンプル・デフォルト2005のように左右に空間を設けたいのですがどのようにすればいいのでしょうか？
いろいろと小さくしてみるのですが、変化がありません。
もしわかる方いましたら教えてください。
備考:元デザインは(Blackframe)です。

次にそれが一番だと思いながら、一応回答します。
まず、現在の CSS をローカルに保存しておいて下さいね。いつでも元に戻せるようにしておいて下さい。

このカスタマイズは、CSS だけでおこないます。現在の CSS を覗かせてもらったので、それを基準に書いていきますね。

上から順番に、Body の中の、width:80%; の部分を width:800px; に変更。text-align:left; を text-align:center; に変更。background:#121212 url('http://image.blog.livedoor.com/img/usr/blackframe/...') repeat-y 0 0; の画像の設定指示を削除。つまり、background:#121212; にする。

次に、#container の中の width:100%; を　width:800px; に変更。

次に、#links の中の position:absolute; と left:20px; を削除。新たに float:left; を追加する。

次に、.blog の中の position:absolute; と left:230px; と right:0px; を削除。padding:0 20px; を padding-left:20px; に変更。新たに、width:590px; と float:right; を追加する。これで保存。CSS の再構築をして下さい。

各部の微調整は、ご自身で行ってくださいね。(^^)

やってみたけど、ちょっとチカラ技みたいなカスタマイズになってしまった感じがする。Windows の IE で見ると、きっちりセンターによるけど、firefox や Netscape だと、左寄りに表示されます。原因は、はっきりと特定できませんでした。^^;

前のテンプレートは本文部分が可変式なので、ブラウザーが広がっても右に本文部分が伸びたけど、センターにブログを表示するとなると、固定式にしないといけないので、ブラウザーを広げられると、右側に大きな余白ができる。

思ったんだけど、Dominique さんの今のブログも、firefox や Netscape で見ると、実はヘッダー部分の表示が崩れてるんですよね。(>_<) だから、同じような崩れなんで、まあいいかと妥協してしまいました。

アドバイスとしては、今の Blackframe を無理してセンター表示させるんだったら、初めから、シンプル・デフォルト 2005 のブラックで構築した方が綺麗な表示になると思います。これが一番の答え。