Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Strange alignment issues on product info page

Strange alignment issues on product info page

Locked

Views: 1,858

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
24 Mar 2010, 1:58 PM
#1
jpmagee avatar

jpmagee

New Zenner

Join Date:
Nov 2009
Posts:
16
Plugin Contributions:
0

Strange alignment issues on product info page

Hi, my first post here so hope it is ok to ask. I managed to achieve most of what I need to do by reading older threads here, so thanks a lot to everyone for that.

My site is nearing completion and I notice that some products seem to have a slightly different layout to others.

The site is at http://www.thegolfcabin.co.uk and is ver 1.3.8a using a template from Zenflavor. I have been playing around with the CSS to alter the product info page and have now noticed that there is a difference in the left margin of the center column for some products

e.g. this is what I want http://www.thegolfcabin.co.uk/golf-sets/ben-sayers-m7-fire-mens-golf-set

And this one, the product description is aligned too far left http://www.thegolfcabin.co.uk/golf-clubs/drivers/callaway-diablo-edge-driver

Any help would be appreciated.

James

25 Mar 2010, 11:56 AM
#2
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Re: Strange alignment issues on product info page

Everything looked ok to me - however I thought the upload was slow - about 1 minute. Your logos and side pics may be a bit large about 59K each.

Just a suggestion.

25 Mar 2010, 12:39 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Strange alignment issues on product info page

Actually most or all of your product descriptions are as far left as the driver page. The golf set page is only farther to the right because the description contains an unordered list (bullet points). I would remove that from that one page, and then add something like #productDescription {padding-left:20px;} to the stylesheet.

25 Mar 2010, 9:17 PM
#4
jpmagee avatar

jpmagee

New Zenner

Join Date:
Nov 2009
Posts:
16
Plugin Contributions:
0

Re: Strange alignment issues on product info page

Thanks for the advice, I'll have a look at it re padding the product description.

I take the point about the image sizes, have been meaning to work on reducing some of those.

Thanks again.

25 Mar 2010, 10:04 PM
#5
jpmagee avatar

jpmagee

New Zenner

Join Date:
Nov 2009
Posts:
16
Plugin Contributions:
0

Re: Strange alignment issues on product info page

I have worked out what the issue is, but not the solution.

Any products where I have specified Attributes, results in the Product Description and everything below that to be further left than it should be. On products with no Attributes defined it seems fine.

So the calling of the attributes module is causing the margin/padding to get mixed up for the rest of the center column. I am a complete amateur at CSS issues so any pointers of where to look would be great.

Thanks