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

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -