2014-11-21 55 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