Question

我正在建立一个Magento网站，并从Themeforest为Magento购买了一个主题。然后我在主题中添加了背景图像，而不是默认的白色页面背景。

现在似乎正在发生的事情是整个方面的主要部分被推到右边，但只有在浏览某些浏览器（如Chrome）时才会在大尺寸屏幕上查看网站。更具体地说，在我的18英寸电脑显示器上，使用Chrome，FF和IE，该网站看起来很不错，但是当一位员工看到该网站并且他有一台更大的显示器时，他说该网站在Chrome中看起来不同，FF等。

另外，如下面的屏幕截图所示： http://bit.ly/QnlrVA

然而，我无法重现这一点，甚至无法弄清楚css问题。

如果人们可以查看并提供反馈，该网站位于http://bit.ly/R1RV8S

另一个问题是，当您查看特定类别的产品列表页面时，产品列表会正确对齐。因此，正常的右侧列框（比较产品框等）下拉到新行而不是产品列表旁边。这种情况发生在我的计算机显示器以及所有浏览器和所有浏览器中。

Answer 1

对于背景 - 您只需要更宽的图形。喜欢＆gt; 1600像素。您当前的背景图片太小，无法覆盖宽屏幕。你也可以将background-color道具设置为“黑色”或你需要的任何颜色（某种深蓝色）。或者将其设置为重复。

就右列问题而言 - 进入 catalog -> manage categories -> <your category> ->design ->custom design并尝试两个列布局中的一个（可能是两列右栏）。

在你的主题中，'col-wrapper'规则+'right-column'大于你的整体宽度，所以它会把它撞到它。其他布局之一可能会解决此问题...或者您可以尝试更改该列的值。（请注意，您通过执行此操作进行意外更改 - 因此请彻底测试您的主题）。

Answer 2

我现在没有大屏幕来测试它，但这应该会有所帮助：

body         
 {
    background:url(../images/stymulus_bg_pg.jpg); 
    font:12px/1.55 Arial, Helvetica, sans-serif; color:#666; 
    text-align:center; 
    background-repeat:no-repeat;
    position:absolute;      /*this */
    left:0px;                   /* and this */
    width:   **set to the width of the background image , it shouldn't strech***
  }

这将使你的整个身体绝对位于左侧，并且它也会阻止任何东西进入身体外，除非故意试图超越它的父母。

CSS Magento div的错位

2 个答案: