ブログ全体の表示位置を変更する方法

ブログ全体の表示位置を変更する方法をご説明します(・∀・`*)

シンプルブログデザインのテンプレートでは


/* 外枠 */

#container{
width: 730px;
margin: 0 auto;
border: silver 1px solid;
}

という部分でブログ全体の表示位置を指定してあります。

margin: 0 auto;


外側の余白(margin)を 上下「0」 左右「自動調整」して取る
ということを表しています。

省略形ではなく詳細に書き換えると
上外側余白=0px 右=auto 下=0px 左=auto (上から時計回り)
と表記すればよい訳ですから

margin: 0px auto 0px auto;

となります。

例えば
ブログ全体を左に寄せたい場合は

margin: 0px auto 0px 0px;

と指定します。・∀・。)!


ご質問いただいたユーザー様へ
ブログにパスワードがかかっており訪問レスができませんでしたので
この記事エントリーで代わりとさせていただきました
素敵なブログにしてくださいね☆
今後ともシンプルブログデザインをよろしくおねがいします ・∀・。)/

ポチッと応援おねがいしまーす`・ω・´)σ人気ブログランキングへ


最近の記事

最近のコメント

最近のトラックバック

検索フォーム

必ずお読み下さい

シンプルテンプレート

テンプレランキング

テンプレランキング
他の作者さんの素敵なテンプレ


にほんブログ村 ブログブログ ブログテンプレートへ

カテゴリー

リンク

おすすめシンプルテンプレート

画像をクリックするとサンプルが表示されます ・v・ 。)ノ
a-00001gray2left_4
FC2シンプルブログデザインテンプレートa-00001gray2left_4
詳細
a-00001gray2right_4
FC2シンプルブログデザインテンプレートa-00001gray2right_4
詳細
a-00001gray3_4
FC2シンプルブログデザインテンプレートa-00001gray3_4
詳細
a-00001white2left_3
シンプルブログデザイン・白色テンプレート2カラム左サイドバー型
詳細
a-00001white2right_3
シンプルブログデザイン・白色テンプレート2カラム右サイドバー型
詳細
a-00001white3_3
シンプルブログデザイン・白色テンプレート3カラム型
詳細
a-00001black2left_3
シンプルブログデザイン・黒色テンプレート2カラム左サイドバー型
詳細
a-00001black2right_3
シンプルブログデザイン・黒色テンプレート2カラム右サイドバー型
詳細
a-00001black3_3
シンプルブログデザイン・黒色テンプレート3カラム型
詳細
未登録の方はこちらからFC2ブログを登録、 詳細ページからHTMLとCSSをそれぞれを右クリックでデスクトップ等に保存し、 「テンプレートの設定」のHTML部分とCSS部分に貼り付け保存、 利用規約に同意の上、ご利用ください
・v・ 。)ノ

| TOP |