How To Center All Pages
 

I am developing a site that needs to be centered on all pages instead of using the entire width of the user's sceen. I found one post that helped but I am at a loss as to making ALL pages centered with white space (or whatever color) on both side.

Thank you for your help!

Re: How To Center All Pages
 

One way to do this:

in your css file:


By using margin-left: auto and margin-right: auto, whatever is NOT specified for the container width is essentially centered.

Try it with a low width setting (800)- then try it with 960 (which is great for a 1024 screen).

Helpful?

Re: How To Center All Pages
 

I made the change to the skin1.css file but there was no noticable change.

What could I be missing?

Re: How To Center All Pages
 

A skin that utilizes the container class? What skin are you using?

Re: How To Center All Pages
 

Its a skin from aheadWorks:
http://x-cart-customization.com/shop/product.php?productid=12&cat=0&page=1

Thank you for your help.

Re: How To Center All Pages
 

Well there you go... this skin uses a width 100% from line 1 of the body. You need to look into home.tpl (and anything nested) and see what this skin is trying to do.

The fact that it over-writes the container is pretty nasty... looks good, but is not utilizing css well.

Good luck.

Re: How To Center All Pages
 

PS-- your new skin doesn't validate. I wouldn't buy a skin that doesn't pass xhtml validation

image tags not closed
br tags not closed
BUNCHES of other stuff that is simply not xhtml compliant.

AS COMPARED TO:
x-cart demo store

or

http://www.xcartmods.co.uk/demos/xcm/


There is no excuse for a PURCHASED skin to fail validation in version 4.1.9

Re: How To Center All Pages
 

Thanks for the excellent feedback.

I have emailed aheadWorks for a working version of the skin or a refund. I'll let you know how it goes :-)