Magento Homepage HTML layout issue with Jquery Slider - Code/Pictures Within -
thank taking time read this. easiest way describe problem see http://foscam-uk.com/index.php (note running correct styles.css , not theme316 per later on post)
as can see featured products , bestsellers blocks have been moved far right of page, when should image jquery slider above them : http://i.imgur.com/cl9fc.jpg
i believe there in style.css can found here http://foscam-uk.com/skin/frontend/default/mt_segina/css/styles.css had copy parts previous style css here http://foscam-uk.com/skin/frontend/default/theme316/css/styles.css
also code jquery can found here : http://foscam-uk.com/widget (note running original theme316 css file).
i know bit of long post, thank in advance takes time @ this.
regards
am correct in assuming mean blocks have moved far left of page?
what can see happening have float:left on div.col-main causing stick left. width have set div 680px small both best sellers , featured products fit. try upping width match jquery slider above setting auto margin horizontally centre it. eg:
.col-main { width: 954px; padding: 0 0 1px; margin: 0 auto; } or can make div.col-main nested inside of div.wrapper , not bother adding custom width.
Comments
Post a Comment