页面背景和身体背景不显示，因为我认为他们会

我在这个网站工作：http://www.problemio.com，我想获得整个背景和身体背景设置。页面背景和身体背景不显示，因为我认为他们会

我试图让左右两侧的区域是蓝色，身体的背景是灰色。

相反，发生了什么是由于某种原因，一切都是蓝色的，除了头是灰色的哈哈。

我的CSS文件是在这里http://www.problemio.com/main.css

如何，我可以得到的颜色工作，我打算？另外，我不介意保留灰色背景的顶部区域，因为我认为它现在看起来相对确定。

来源

2011-10-01 Genadinik

是你想要的灰色来的内容区域后面和蓝色来休息的屏幕？ – sandeep

@sandeep是的正好 – Genadinik

@genadinik;

第一个问题是，你的container DIV没有考虑整个儿童的height的div所以怎么也得它clear 。第二：现在它需要在屏幕的整个width，所以你必须定义的宽度它

.container{ 
    overflow:hidden; 
    width:1000px; 
    margin: 0 auto; 
}

来源

2011-10-01 05:02:26 sandeep

你的页面上的默认颜色为蓝色：

body { 
    background-color : #4dbefa; 
}

它看起来就像你有一个包含你的主要内容的ID bd一个div。既然你没有为这个div指定背景颜色，它是非常透明的，你会看到背后的背景。如果你想让颜色不同，你需要重写这个div的背景颜色。

div#bd { 
     background-color: #ccc; /* some form of gray */ 
}

来源

2011-10-01 04:32:10 Anson

刚刚添加了你建议的bd div风格，但它在某种程度上并没有改变页面的外观 – Genadinik

我不知道你的'bd' div是不是占据任何垂直空间。尝试给你的'bd' div一个边框，最好是像红色这样的明亮的颜色，以查看它实际占用的页面的多少。修正标记错误在这里也可能有所帮助，因为我在** [validating]（http://validator.w3.org/）**页面中注意到了很多。 – Anson

是的，BDD格没有占用太多的空间。不知道它是什么。我应该只是摆脱它，是吧？ – Genadinik

页面背景和身体背景不显示，因为我认为他们会

回答

相关问题