这是网站: http://www.indiansummerfestival.ca
基本上我希望网页从橙色横幅的顶部开始(即横幅和页面顶部之间没有空格)。
我尝试使用Chrome检查器,但我不知道额外的100英寸像素数量的空白来自何处。涉及的文件是style.css,样式表外还有另一块css。
我尝试粘贴代码但看起来很混乱,所以我认为最好的方法是在HTML代码中找到<div id="header">
。
非常感谢你。
答案 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;
}
半黑客,但有效吗? :)