如何删除标题中的额外空间

时间:2012-05-30 01:34:04

标签: php html css

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

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

我尝试使用Chrome检查器,但我不知道额外的100英寸像素数量的空白来自何处。涉及的文件是style.css,样式表外还有另一块css。

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

非常感谢你。

4 个答案:

答案 0 :(得分:3)

您的#socialLinks#mc_embed_signup div的位置相对于#logo的兄弟姐妹。尽管你正在设置这些div,但它们仍被计算为流动,从而推动了#logo。尝试绝对定位这两个div;应该解决它。

答案 1 :(得分:1)

与firefox类似的问题我解决了添加我的CSS:

*{margin:0; padding:0;}

Ps:我在某种程度上无法使用评论...... :(

答案 2 :(得分:0)

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

答案 3 :(得分:0)

你可以申请补偿吗?

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

半黑客,但有效吗? :)