如何使用CSS为网站标题添加填充/边距(?)

时间:2014-08-02 10:32:28

标签: css header margin padding

这是link to my site。仍处于建设过程中,还有很多工作要做。话虽如此:

您可以看到标题已拉伸以适合其后面背景图像的100%宽度。我正在寻找更紧凑的东西,并设置更像页脚。约束在中心,不会失去背景图像的100%宽度。

非常感谢任何帮助!如果我需要提供更多信息,请告诉我。

编辑: 对不起,我似乎犯了一个错误,没有发布我的代码。我使用Bigcommerce时感到很茫然,因为很多代码都分布在50多个代码文件中(其中没有一个代码名称为" header.html" -of courseeeeee-)。所以我很抱歉我缺乏这方面的信息。这就是我发布的原因。在我提交帖子之前,我已经搜索了很多关于如何实现我的目标的信息,但是我还没有找到很多帮助。我(显然)不是编码专业人士。

如果有人熟悉Bigcommerce,并且知道我可以在哪里找到要发布的代码,那么发布它以获得帮助是没有问题的(并且让我的英雄x_X更容易)。

再次感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

你需要给你的标题一个内包装。

<div id="Header">
    <div class="container">
       Header Stuff
    </div>
</div>


.header {
   background: url(img);
   width: 100%;
}

.container {
   width: 940px;
   margin: 0 auto;
}

将来请准备一个描述性问题,JSFiddle代码,不要直接链接到您的网站,也许还有一些您想要实现的图片。

答案 1 :(得分:0)

使用绝对定位。利用宽度:#px和height:#px。有时我无法获得宽度:由于其他CSS / HTML参数,100%工作,我假设。如果您已经发布了实际代码而不是链接,我可能会帮助您更好...