人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

html、cssの設定で困っています。 ページ上部の余白が取れません。 上余白を無しにしようと思い、cssは下記のように設定し、htmlは、<body>
<div id="wrapper"><h1>文字文字文字文字文字文字</h1>
・・・・・・・・・
と記述していますが、上余白が消えません(Safari,Firefoxで確認中)どこがおかしいのか、教えていただけましたら幸いです。

body{
margin: 0;
padding:0;
font-size:12px;
color:#222222;
line-height:1.5em;
font-family:Verdana,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic',Osaka,'MS Pゴシック',sans-serif;
background-color:#cee4ae;
}
#wrapper{
width: 900px;
margin-top: 0;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center;
background-color:#ffffff;
}

●質問者: SlowLife
●カテゴリ:インターネット ウェブ制作
✍キーワード:background-color BODY COLOR CSS firefox
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Galapagos
●35ポイント

#wrapper の定義に以下の項目を加えてみてください。

#wrapper {
 position: absolute;
 top:0px;

参考「CSS の position の absolute を使いこなす為の基礎知識

◎質問者からの返答

position: absolute; top:0px;とやると確かに上余白は0になってしまいますが、margin-left:auto;margin-right:auto;が効かなくなり、wrapperで囲んだ部分が左寄せになってしまいます。


2 ● のり
●35ポイント ベストアンサー

h1{

margin-top:0;

}

を加えてみてはどうでしょう。

URL はダミーです。

http://www.google.co.jp/

◎質問者からの返答

ありがとうございます これでできました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ