イメージの表示ができません。

Question

超初心者です。
headerに空白ができます。
宜しくお願いいたします。

<div id="header">
<h1>●●</h1><p id="copy">●●●</p>
</div>

/*サイトの横幅*/
#container{
width:900px;
margin:0 auto;
}
#header{
height: 150px;
background: url(../img/heade_bg.jpg) no-repeat left top;
margin-bottom: 20px;
}

Comments

[m.ts10806]

質問編集画面の質問タイトル横にある「初心者アイコン」をご活用ください。質問内で「初心者」と書くより伝わります。また、レイアウトに関することなのであれば、現象が確認できたブラウザなどの環境情報をご提示ください。場合により画面キャプチャで示した方がいいかもしれません。「どうなればゴールなのか」というところも具体的に追記願います。https://teratail.com/help/question-tips

[yoshinavi]

「headerに空白ができます。」→質問が曖昧だと思います。headerの周囲に空白が出来るのか？header内のh1やpの周囲に空白ができるのか？「どこ」を「どうしたい」のかを明示して、「mts10806」さんのご指摘どおり、イメージ画像を添付すると、より良い回答を得れると思います。また、関連するCSS「h1」や「#copy」も併せて提示してください。ここに原因が有る場合も考えられます。

Answer 1

body {
    margin: 0;
}
h1 {
    margin: 0;
}

Comments

[shappey]

Resetで下記入れてますが、ダメでしょうか？

html,body,h1,h2,p,ul,li{
margin:0;