0

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

现在似乎正在发生的事情是整个侧面的主 div 都被推到了右侧，但只有在 Chrome 等某些浏览器中查看时，并且只有在您在大屏幕上查看网站时。更具体地说，在我的 18 英寸 PC 显示器上，使用 Chrome、FF 和 IE，该网站看起来不错，但是当一位同事去查看该网站并且他有一个更大的显示器时，他说该网站在 Chrome、FF 中看起来不同等等

此外，如下图所示，他的屏幕截图中存在错位：http: //bit.ly/QnlrVA

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

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

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

4

2 回答 2

0

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

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

在您的主题中，“col-wrapper”规则+“右列”大于您的整体宽度，因此将其撞倒。其他布局之一可能会解决此问题...或者您可以尝试更改该列的值。（请注意，这样做会导致意外更改 - 因此请彻底测试您的主题）。

于 2012-10-12T01:03:37.810 回答
0

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

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***
  }

这将使您的整个身体绝对位于左侧，并且它还将阻止任何东西从身体外部进入，除非有东西故意试图离开它的父母。

于 2012-10-12T01:03:48.567 回答