スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

サイト全体を中央に表示させる

サイト全体を中央寄せする場合は、サイト全体を囲んでいるDIVタグに対して中央揃えをしてあげれば良いです。

例えば下記コードのように全体をwrapperという名前のDIVタグで囲んでいる場合
(囲んでいいない場合はbodyでも可)

<body>
<div id="wrapper">"Wrapper" 
  <div id="header">"header"</div>
  <div class="menu">"menu"</div>
  <div id="main">"main"</div>
  <div id="footer">"footer"</div>
</div>
</body>

wrapperに対するCSSを下記のように設定します。
(余分なコードは省いてあります)

左右のマージンをautoにする。
#wrapper {
 margin-right: auto;
 margin-left: auto;
}

これでサイト全体が中央寄せされます。


トラックバック

コメント

コメントを残す

Secret


スポンサードリンク

最新記事

最新コメント

プロフィール

かっこいいデザイン、にぎやかなデザイン、きゅ~となデザイン、シンプルで洗練されたデザイン。
想像するだけで心がモワモワしてきます♪
いいデザインにいっぱい出会いますように★

好きな言葉は、旋律と色彩

ブログランキングに参加しています。こちらにも是非♪

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。