2012-01-17 294 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和內容......