2012-01-17 241 views
1

我正在更新网站上的标题,并且整个标题应该有浅灰色背景。为了达到这个目的,我想我可以简单地将整体标题div的背景颜色设置为灰色(E7E7E7),但不知何故,我在它的中间获得了一个空白区域,而且我似乎无法选择/查找与萤火虫的整体股利。css背景颜色问题

整体div是class =“header”的页面,页面为http://www.momentumnow.biz/mn/index.shtml

请让我知道我需要做什么来摆脱标题中的这个空白(以及我在这里做错了什么)。请注意,您需要使浏览器窗口变宽。当页面变宽时,我希望右侧的紫色闪光可以保持在页面的右侧。

感谢

回答

2

你必须clear your float这样的:

div.header { 
    background-color: #E7E7E7; 
    min-width: 1010px; 
    overflow: hidden; 
} 

写现在有three floated child DIV's里面你.header DIV这就需要有clear。因此,请在.header中写overflow:hidden

+0

打我吧=) – mrtsherman 2012-01-17 06:00:13

+0

谢谢Sandeep。我很困惑(显然!:-)。我看到我搞砸了头div以外的东西(我刚搬过去)。你能扩展什么溢出:隐藏,为什么它是一个清晰的替代?谢谢您的帮助。 – Ray 2012-01-17 06:09:42

+0

如果可以的话,我会再问一个问题。是否有办法让中间部分“鼓舞人心的运动......”漂浮并坐在两片闪光片之间的中间位置,但是在两侧使用最小的填充/边距? – Ray 2012-01-17 06:12:31

1

你必须清除你的浮标。如果您使用Chrome工具检查header,您会看到它的高度为0.这是因为您将内部元素浮动(将其拉出正常流程)。只要清除它们,你的容器将再次拥有高度。或者分配一个高度。

+0

谢谢。既然你们在这方面速度如此之快(谢谢BTW),我可以问你吗?我怎么能把联盟关怀成员链接放在一个比现在高几个像素的位置。我在底部给了它4px的边距,但它不会升起,我需要保持头部不超过120px高(紫色闪光片高100px)。谢谢。 – Ray 2012-01-17 06:06:06

+0

@Ray - 给顶部分配一个负边距。边距就像元素边缘的额外空间。添加底部边距只是使其下面的东西推动。 – mrtsherman 2012-01-17 06:14:25

+0

啊,谢谢。负边距是这样做的(我知道你在谈论如何将边缘放在底部)。但是为什么这个元件没有正对着它上面的闪光片呢?我有没有看到一些边距或填充? – Ray 2012-01-17 06:18:44

1

试试这个

<div class="header"> 
    <div class="headerLeft"> 
    <div class="affiliate"> 
    <div class="headerRight"> 
    <div style="clear: both"></div> //add this 
</div> 
+0

超级阿拉姆,谢谢。 – Ray 2012-01-17 06:14:24

+0

欢迎您) – 2012-01-17 06:24:11

0

你可以检查在div页眉或不与内CON-污点每一件事情也必须改变有背景颜色更改页眉背景颜色,否则你让所有CON组时上面的标题应该有透明的背景颜色,所以如果你改变听众的背景,它会反映出其他内部div和内容......