div 的 CSS Magento 错位

Question

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

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

此外，从他的下面的屏幕截图中可以看出存在错位: http://bit.ly/QnlrVA

但是，我无法重现这个，甚至无法找出 css 问题。

人们可以查看并提供反馈的站点位于 http://bit.ly/R1RV8S

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

Answer 1

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

就正确的专栏问题而言 - 进入 catalog -> manage categories -> <your category> ->design ->custom design并尝试两种列布局之一(可能是带有右栏的 2 列)。

在您的主题中，'col-wrapper' 规则 + 'right-column' 大于您的整体宽度，因此它会降低它。其他布局之一可能会解决此问题...或者您可以尝试更改该列的值。 (请注意，您这样做会做出意想不到的更改 - 因此请彻底测试您的主题)。