2010-09-23 79 views
0

为我的背景图片添加了一个新的div类后,顶部,底部和页面菜单变为白色。 的style.css什么是造成顶部和底部的空白?

#boundless{ 
    background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg'); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    line-height:20px; 
    font-size:14px; 
    font-family:"Trebuchet MS"; 
    margin:0 
} 

的index.php

<body> 
    <div id='boundless' onclick='window.location.href="http://boundlessny.com/clothing"'> 
+3

天啊!请正确格式化您的代码(缩进四个空格)。除此之外,这是很多代码(并且标记似乎已经丢失,无论如何)。 – jwueller 2010-09-23 13:34:52

+1

Aua。 Augenkrebs。 – 2010-09-23 13:34:56

+2

你添加了哪个选择器?相关的HTML在哪里?此外,一个现场示例在这里会更有益处。要求我们浏览大量的代码并不是很公平!帮助我们来帮助你:) – Kyle 2010-09-23 13:35:58

回答

5

使用萤火虫,我发现这个问题可以通过线路16在style.css中引起:

margin:165px auto 20px; 

如何调试此类问题ms:

  1. 考虑可能的原因,请在以下各项之后重复此步骤。
  2. 通过对有问题的部分打开文本菜单(在这种情况下,空白底部)打开萤火虫,并选择Inspect Element
  3. 查找悬停在节点,以查看其覆盖其中发生问题的地方。我现在感觉可能的原因是边缘,填充或宽度的不正确使用。
  4. 通过查看右窗格中的选项卡Style来隔离CSS /元素。如果需要,展开一个节点。
  5. 禁用或更改CSS属性的值以查看它是否实际上导致问题。
+0

虽然我不知道这是否回答了这个问题,但我只是想把你投票给你,因为你的回答非常好,很清楚,给了我心灵的平静。此外,+1使用Firebug的一些无法识别的问题... – 2010-09-23 13:51:59

0

在你的style.css,你有许多#xxxxx与

background-color:white; and background-color:#fff; 

例如:#wrapper2有。

它正在做你告诉它做的事情。