44

view

ヘッダーにmargin-bottomかpadding-bottomかなにかついているんじゃないですかね？

以下のようにすればh1の画像を中央に寄せる、上下に空白が出来ないレイアウトに出来ます。

html:
<div id="header">
ヘッダ
</div>
<h1><img src="" width="800" height="350" alt="" /></h1>
<div id="container">
コンテンツ
</div>

css:
body{width:980px;height:auto;}
#header,#container{width:100%;height:400px;background:#ffc;}
h1{margin:0 auto;padding:0;height:350px;width:800px;}

一度新しいhtmlにコピペして作ってみて下さい。




追記：
やりたいことはこちらかもしれないので、上が違ったらhtmlはそのままで、cssを

body{width:980px;height:auto;}
#header,#container{width:100%;height:200px;background:#ffc;}
h1{margin:0 auto;padding:0;height:350px;width:100%;text-align:center;background:url(img/back.gif) top left repeat-x;}

のようにしてみて下さい。

多分どちらかだと思います。というか追記の方かと思います。