« HTML基礎 | トップページ | FC2メールフォーム »

2012/09/19

cssを使って全体を真ん中に

手こずりました(;ω;)
色んなサイトみて試行錯誤して
やっと出来ました(*゚▽゚)ノ


全体なので外部cssにして
しかも、一番上にロゴの画像をもっていきたかったので
imgの設定にもてこする始末で・・・・


久しぶりにやるとマジ色んなコト忘れてるよねΣ(;・∀・)

HTMLには

<div id="main">
<img src="img/log3-3.jpg" alt="top" width="1000" height="455">
</div>

と書いて


外部CSSには

body {
background-color:#f992aa;
margin:0px;←ページ周りの余白
padding:0px;←背景との余白
text-align:center;←行揃えをセンター(下のautoに対応してない用)
}
#main{
margin-left:auto;←左側のページ余白を自動に空ける
margin-right:auto;←右側のページ余白を自動に空ける
text-align:left;←文字などセンターになっていたものを左側に
width:1000px;
}

これでセンターになりました


で、確認したら背景が真っ白に∑ヾ( ̄0 ̄;ノ
とCSSを確認したら
background-color:#f992aa;
の最後の”;”が消えてました(笑)

ちょっと?テンパったけど解決( ̄ー+ ̄)

« HTML基礎 | トップページ | FC2メールフォーム »

CSS」カテゴリの記事

HTML」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: cssを使って全体を真ん中に:

« HTML基礎 | トップページ | FC2メールフォーム »