2010-02-06 46 views
-1

感謝您的幫助提前。CSS:背景問題。這可能嗎?

這裏是佈局的PNG:Website Layout

第二部分(與暗灰色背景)是給我的問題。下面是我用於背景的CSS。

#mainbg { 
width:100%; 
height:450px; 
padding-top:25px; 
background-image:url(../images/mainbg.png); 
background-color:#303030; 
background-position:top; 
background-repeat:repeat-x; 

}

背景顯示,(雖然它不會顯示出來,除非我設置一個最小高度,它不適合IE6工作反正),和一切工作,直到我得到的內容,延伸超過450px。

之後,內容只是溢出到頁腳,背景不伸展。我不希望IMAGE伸展,只是爲了圖像的結束和背景顏色的繼續,以適合內容的簡單背景。

如何設置此div的背景高度,以使其伸展以容納內容,同時僅在y軸上顯示背景圖像(同時仍在x軸上重複)。

我玩弄其他身高和繼承和汽車,但設置任何這些只是意味着圖像不顯示。

幫助,這讓我瘋狂!

回答

1

你有兩個問題:

  1. 它強迫你設定的最低高度,因爲你沒有在它的內容還沒有。想象一個空白的div。它將與屏幕一樣寬,因爲它是塊級別的,但是與文本一樣高,這沒什麼。所以你不需要最小高度,你只需要一個高度或一些實際的內容。

  2. 背景只佔用div所佔用的空間。如果顏色和圖像停止,則表示div已停止。嘗試設置「溢出:滾動」剛看到截止真的是..

一件事,會讓你的生活輕鬆了許多與CSS是不要試圖一次性設置所有的一切,並確保佈局是好的,然後擔心像背景圖像和顏色的化妝品。嘗試給麻煩的div橙色和藍色邊框的背景顏色。這會給你完美的想法,當事情開始和停止時。一旦你知道顏色排隊,然後嘗試背景圖像。

+0

謝謝這麼多!我所需要做的就是設置溢出:隱藏並且完美運行! – 2010-02-06 05:59:26