Help centering main product image!!

Hello Everyone,

I'm trying to center my main product images using #productMainImage in the main stylesheet.

An example can be found here:
http://www.kcbgraphics.com/index.php?main_page=product_info&cPath=11_315&products_id=1769

I've tried using:
#productMainImage
display: block;
margin-left: auto;
margin-right: auto;

and a couple of other methods I've read about but nothing seems to work.

I'm using Zen 1.3.9h, PHP Version: 5.3.10 & MySQL 5.0.95. If there's a Zen Cart CSS guru out there who can point me in the correct direction I would really appreciate it.

Thank you!!

You could move it over with specific margin:

#productMainImage {margin: 0 0 0 5em;}

You could try:

#productMainImage {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

The width gives your image room to move.

Hope this helps.

stevesh:

You could move it over with specific margin:

#productMainImage {margin: 0 0 0 5em;}

Thanks for the reply Stevesh.

That will work but my image widths vary quite a bit and a margin setting that works for that image is still off center for other images. Is there no way to force the images to center in that column?

Get Em Fast:

You could try:

#productMainImage {
margin-left: auto;
margin-right: auto;
width: 100%;
}

> 
> The width gives your image room to move.
> 
> Hope this helps.

Thanks Get Em Fast,

That worked perfectly!

kcb410:

Thanks Get Em Fast,

That worked perfectly!

Not a problem. Glad to help.

This worked PERFECTLY, THANKS:D
I'm not new to Zencart and this worked my nerve because I could NOT figure out how do to this.

Get Em Fast:

You could try:

#productMainImage {
margin-left: auto;
margin-right: auto;
width: 100%;
}

> 
> The width gives your image room to move.
> 
> Hope this helps.