带有Jquery滑块的Magento主页HTML布局问题-代码/图片

感谢您抽出时间阅读此文章。描述问题的最简单方法是查看它（注意，这是运行正确的styles.css，而不是本文后面提到的主题316）

正如您所看到的，特色产品和畅销书块已移动到页面的最右侧，此时它们应该看起来像上面有jQuery滑块的图像：

我相信style.css中有一些东西可以在这里找到，因为我必须从以前的style css中复制部分

jQuery的代码也可以在这里找到：（注意这是从原始的theme316 css文件运行的）

我知道这是一个有点长的帖子，非常感谢大家提前花时间看这篇文章

---

关于

我假设你的意思是块已经移到页面的最左边了，对吗

我看到的是，在

div.col-main

上有一个

float:left

，这导致它粘在左边。另外，您为这款div 680px设置的宽度太小，畅销书和特色产品都无法容纳。尝试增大宽度以匹配上面的jQuery滑块，并设置自动边距使其水平居中。例如：

.col-main {
    width: 954px;
    padding: 0 0 1px;
    margin: 0 auto;
}

---

或者您可以使

div.col-main

嵌套在

div.wrapper

中，而不必添加自定义宽度。

看起来jQuery和Prototype之间存在冲突。你是如何在你的网站上调用jQuery的？有关更多信息，请参阅本博客：

或

---

有很多关于在magento中使用jQuery的文章。

非常感谢，我们将试一试！没问题，很高兴我能帮忙：）