【问题标题】:Background not covering site on one page背景未在一页上覆盖网站
【发布时间】:2015-01-19 04:43:23
【问题描述】:

我正在处理这个页面:http://www.myfortune3cart.com/journeyfilm/cartadd.cgi

水平导航下方的背景没有延续到页脚。它确实适用于其他页面: http://www.myfortune3cart.com/journeyfilm/Products.html

我找不到在哪里更改 css。

屏幕截图:

谢谢,

马特

【问题讨论】:

  • 这两个页​​面在我看来背景是一样的...你能发一张截图并指出你的意思吗?
  • 仅使用 CSS 无法将两列设置为相同的高度。您只能使用background-image.home-content 上的两个黑色列来模拟桌面屏幕(因为您在那里有固定宽度)。
  • 我添加了屏幕截图

标签: css background-color


【解决方案1】:

发生的情况是在您的产品页面上,您的背景会延伸到页脚,因为容器中充满了内容。在您的主页上,背景图片不会这样做,因为您没有足够的内容来允许容器扩展到您的页脚。

因此,一旦您将内容添加到主页,如果有足够的内容,容器将变得更靠近页脚。如果这还不够好,您可以向内容容器添加最小高度,以便它始终触及您的页脚。我在您的.page-right-container 中添加了min-height: 800px;,您的内容将按照您的预期显示。您必须调整数字以完全适合您想要的方式,但这应该可以帮助您开始。

【讨论】:

  • 我试过了,它仍然显示背景没有扩展。现在,由于更改,任何产品页面都会变得太长:myfortune3cart.com/journeyfilm/…。问题在于装有产品的购物车。
  • 我现在正在查看您的网站,并注意到在 .page-right-container 容器中,您将最小高度设置为 500 左右。如果将该计数增加到 759 像素,则背景将达到它下面的元素。
  • 正如我所说,这将扩展产品页面...如果您查看任何产品并执行此操作,它将在其下方有一个大的空白灰色区域。此外,如果我的购物车中有 10 种产品,它将继续执行与现在相同的操作。应该有办法让它根据内容展开。
猜你喜欢
  • 2023-03-17
  • 2013-02-14
  • 2017-05-27
  • 1970-01-01
  • 2018-01-27
  • 1970-01-01
  • 1970-01-01
  • 2015-10-30
  • 1970-01-01
相关资源
最近更新 更多