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

Question

感谢您花时间阅读本文。最简单的描述问题的方式是看到它http://foscam-uk.com/index.php (请注意，这是运行正确的 styles.css 而不是本文后面的 theme316)

如您所见，特色产品和畅销书 block 已移至页面的最右侧，此时它们看起来应该像下面带有 jQ​​uery 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

我假设您的意思是 block 已移动到页面的最左侧是否正确？

我能看到发生的事情是你在 div.col-main 上有一个 float:left 导致它粘在左边。此外，您为该 div 设置的宽度 680px 太小，不适合畅销商品和特色产品。尝试增加宽度以匹配其上方的 jQuery slider ，并设置自动边距使其水平居中。例如:

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

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