2014-11-21 35 views
0

我此頁面上的工作沒有覆蓋的網站。它可以在其他頁面上工作: http://www.myfortune3cart.com/journeyfilm/Products.html背景一頁

我找不到在哪裏更改CSS。

屏幕截圖: enter image description here

謝謝

馬特

+2

這兩頁對我來說看起來是一樣的背景明智......你能張貼截圖並指出你的意思嗎? – 2014-11-21 05:19:43

+0

僅使用CSS設置兩個列的高度是不可能的。你只能在'.home-content'上使用'background-image'和兩個黑色列來模擬桌面屏幕(因爲你有固定的寬度)。 – panther 2014-11-21 05:22:05

+0

我添加了屏幕截圖 – MattM 2014-11-26 01:12:56

回答

0

什麼發生的事情是你的產品頁面上你的背景延伸到頁腳因爲填充容器的內容。在您的主頁上,背景圖片不會執行此操作,因爲您沒有足夠的內容允許容器擴展到頁腳。

因此,一旦你將你的內容添加到主頁,容器將越來越接近頁腳,如果有足夠的內容。如果這不夠好,您可以在內容容器中添加最小高度,以便它始終觸摸頁腳。我向您的.page-right-container添加了一個min-height: 800px;,您的內容將按照您的預期顯示。你將不得不調整數字,以適應你想要的方式,但這應該讓你開始。

+0

我試過這個,它仍然顯示背景沒有擴展。現在任何產品頁面由於更改而變得太長:http://www.myfortune3cart.com/journeyfilm/Products-The_Runner_-_Soundtrack.html。這是問題的產品在它的車。 – MattM 2014-11-26 01:46:55

+0

我正在查看您的網站,並注意到在.page-right-container容器中,最小高度設置爲500左右。如果將此數量增加到759px,背景將達到其下面的元素。 – crazymatt 2014-11-26 17:22:41

+0

正如我所說,這將擴大產品頁面...如果你看任何產品,並做到這一點,它將有一個大的空灰色區域下面。另外,如果我在購物車中有10種產品,它將繼續像現在一樣執行相同的操作。應該有一種方法可以根據內容進行擴展。 – MattM 2014-11-26 20:39:59