Magento首頁HTML佈局問題與JQuery的滑塊 - 代碼/圖片在

Question

感謝您花時間閱讀此。描述問題的最簡單的方法是看到它http://foscam-uk.com/index.php（注意這是運行正確的styles.css，而不是主題316，在本文後面）

正如你所看到的特色產品和暢銷書已被移動在頁面的最右側，當他們看起來像這個圖像與上面的jQuery滑塊：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:leftdiv.col-main這是導致它粘在左邊。此外，您爲此div設置的寬度對於最佳賣家和特色產品來說都太小了，以至於不適合這個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多篇。