contentheader和contentbox之间的2px间距

Question

嘻guy，

我有这个问题，我在主内容框的标题和背景图像之间有间距。我无法解决导致它的原因。 我觉得知道我的意思有点难，所以如果你能查看这个链接，你会明白我的意思。 www.vazcreations.nl/design。

我认为这不是什么大事，如果你们其中一个人可以快速看一下，那就太棒了！

由于

这是HTML

<div id="wrap">
<div class="mainheader">
<img src="main/main_header.png" alt=""/>
</div>
<div id="container">

CONTENT

</div>
<div class="mainfoot">
<img src="main/main_footer.png" alt="" />
</div>
</div>

和CSS

#wrap {
    min-height:100%;
    overflow:auto;
    padding-bottom: 175px;}

.mainheader {
    text-align:center;}

#header {
    background-image:url(header/header_bg.png);
    background-repeat:repeat-x;
    height:120px;
    text-align:center;}

#container {
     background-image:url(main/main_bg.png);
     background-repeat:repeat-y;
     background-position:center;
     width:871px;
     margin:0 auto;
     text-align: left;
     padding-left:0px;
     padding-right:0px;}

Answer 1

那是因为你的图像后面有空白区域。

您可以使用以下任何解决方案进行修复：
1）使用main_header.png作为背景图像
2）将它的'display'改为'block'并以margin为中心：0 auto;
3）设置vertical-align：bottom for image（更容易）

Answer 2

删除#wrap div ...

上方的2 <br>个标签

Answer 3

你的mainheader div的高度为49px 如果你加高度：47px;到你的css文件中的mainheader它将正确对齐

.mainheader {
    height: 47px;
    position: relative;
    text-align: center;
}