Magento主页与Jquery Slider的HTML布局问题 - 代码/图片内

Question

感谢您抽出宝贵时间阅读本文。描述问题的最简单方法是查看它http://foscam-uk.com/index.php（注意这是运行正确的styles.css而不是主题316，如本文稍后所述）

正如您所看到的那样，特色产品和畅销产品块已经移动到页面的最右侧，当它们看起来像这个图像时，它们上面有jQuery Slider：http://i.imgur.com/cl9fc.jpg

我相信style.css中有一些内容可以在http://foscam-uk.com/skin/frontend/default/mt_segina/css/styles.css找到，因为我必须从之前的样式css中复制部分http://foscam-uk.com/skin/frontend/default/theme316/css/styles.css

此外，jQuery的代码可以在这里找到：http://foscam-uk.com/widget（注意这是从原始的theme316 css文件运行）。

我知道这是一篇很长的帖子，非常感谢所有花时间看这个的人。

此致

Answer 1

我是否正确假设您的意思是块已移至页面的远左？

我能看到的情况是float:left div.col-main导致它粘在左边。您为此div 680px 设置的宽度对于最佳卖家和特色产品来说都太小了。尝试增加宽度以匹配其上方的jQuery滑块，并设置自动边距以使其水平居中。例如：

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

或者您可以将div.col-main嵌套在div.wrapper内，而不是添加自定义宽度。

Answer 2

看起来jQuery和Prototype之间存在冲突。你是如何在你的网站上调用jQuery的？有关更多信息，请参阅此博客： http://www.fontis.com.au/blog/magento/using-jquery-magento

或 http://css-tricks.com/using-jquery-in-magneto/

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