CSSのレイアウト設定 （初心者）

たびたびの質問失礼します
こんばんわ
今回はCSSのレイアウトについて質問があります
まずCSSのソースをご覧くださいませ
* レイアウトの設定*/
html{
background-color:#c0c0c0;
}
body{
margin:0px;
padding:50px;
font-size:90%;
}
/* ヘッダーの設定*/
#head{
width:900px;
height:100px;
background-color:#CCFFCC;
}
/* ラッパーの設定*/
#wrap{
position:relative;
width:900px;
background-color:#FFFFCC;
}
/* 左側の設定*/
#left{
width:100px;
height:900px;
float:left;
background-color:#FFAC99;
}

/* 右側の設定*/
#right{
width:800px;
height:900px;
float:right;
background-color:#CCCCFF;
}

HTML
<!-- ********* ヘッダー ******** -->
<div id="head">
<p>ここにイメージ記載予定</p>

<!-- ********* 右側 ******** -->
<div id="right">
あああああああああああああああああああああああああああ
</div>
一部略
---------------------------------------------------------------
1.まずヘッダーの部分が少しあいてると思うんですが
これを一番上まで持っていき空白を無くす為には何を追加させたらいいんでしょうか？
2.右側に文字を入力したとき　ああああ　という文字が左側に近寄りすぎてしまいます。。　これを中心に持って行くには　<align="center">を入力してもうまく行きませんでしたT_T
説明下手で申し訳ないですが　よろしくお願いします
ちなみにHP作成は初めてです。

No.1 ベストアンサー 回答者： Bentenkozo 回答日時： 2008/01/04 19:19

１.

body の padding:50px; が不要。

２.
align="center" を使えば、たとえば
<h1 align="center">あああ</h1>　など、その他いろいろとやり方はあるはず。

この回答へのお礼

ありがとうございました
無事いけました＾＾

お礼日時：2008/01/07 06:02

No.2 回答者： Pochi09 回答日時： 2008/01/04 19:37

No.1さんに追加です。

　<div id="head">
　<p>ここにイメージ記載予定</p>
の<p>タグが不要なので、
　<div id="head">
　ここにイメージ記載予定
　</div>

又、スタイルシートでセンタリングしたいなら
　#right{
　＝＝＝途中省略＝＝
　text-align:center;
　}
としてやる方法もあります。

css使うなら、ちょっとずつ調べてみた方が、自分の自由になって楽しいですよ。（多少、htmlの場合と違った指定の仕方をするものもありますし）

この回答へのお礼

ありがとうございます
無事いけました＾＾

お礼日時：2008/01/07 06:02