1

这是网站: http: //www.indiansummerfestival.ca

基本上我希望网页从橙色横幅的顶部开始(即横幅和页面顶部之间没有空白)。

我尝试使用 Chrome 检查器,但我不知道额外的 100 像素左右的空白是从哪里来的。涉及的文件是 style.css,样式表之外还有另一块 css。

我尝试粘贴代码,但看起来很乱,所以我认为最好的方法是<div id="header"> 在 HTML 代码中查找。

非常感谢。

4

4 回答 4

3

#socialLinks#mc_embed_signupdiv 相对于#logo. 尽管您正在设置这些 div,但它们仍被计算为在流中,因此#logo向下推。尝试绝对定位这两个 div;那应该解决它。

于 2012-05-30T01:45:09.907 回答
1

我解决了在我的 CSS 中添加的 Firefox 类似问题:

*{margin:0; padding:0;}

Ps:我不知何故无法使用评论... :(

于 2012-05-30T01:43:54.337 回答
0

它与您使用的 mailchimp 和社交插件有关。他们每个人似乎都在顶部添加了一些像素。如果您删除那些橙色标题与顶部对齐。您将不得不看看这些样式表是如何与您自己的样式表一起使用的。

于 2012-05-30T01:49:34.613 回答
0

你可以用这个来补偿吗?

#header {
    margin-top:-45px;
}

半黑客,但有效吗?:)

于 2012-05-30T03:24:54.370 回答