Help centering main product image!!

[kcb410]

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...oducts_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!!

[stevesh]

You could move it over with specific margin:

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

[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.

[kcb410]

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?

[kcb410]

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!

[Get Em Fast]

Thanks Get Em Fast,

That worked perfectly!

Not a problem. Glad to help.

[ljdream00]

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

You could try:

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

The width gives your image room to move.

Hope this helps.