Centering Website Content, CSS settings seem to be right but page always aligns to left... Options

[ALE]

Hi everyone, sorry if this is going to be an obvious answer but I just cant figure it out. Granted, I'm a novice. Anyway.

Our website is https://www.atlanticlabequipment.com and it has always been left-justified since its been around for quite awhile. I'd like to get it centered out so it better fits widescreen monitors. I changed the wrap to margin: 0 auto; and it works under the preview (design) view in Dreamweaver but whenever I post it live it stays left-justified. I know there is something I'm missing but I just cant find it.

Thanks in advance and please let me know if any more information would help.

[Christian J]

I'd like to get it centered out so it better fits widescreen monitors.

Why not make it fluid instead? See http://htmlhelp.com/faq/html/design.html#screen-size

whenever I post it live it stays left-justified.

According to http://www.atlanticlabequipment.com/images/BrightSide.css you use

CODE

body {
    width:930px;
}

which is left-justified, so centering #wrap inside it doesn't make much difference. #wrap itself isn't centered either, in fact the 20px right margin justifies it to the right:

CODE

#wrap {
    width: 950px;
    margin-right: 20px;
    margin-left: auto;
}

You could also try to centering BODY itself by giving it a "margin: 0 auto".

[ALE]

I'd like to get it centered out so it better fits widescreen monitors.

Why not make it fluid instead? See http://htmlhelp.com/faq/html/design.html#screen-size

whenever I post it live it stays left-justified.

According to http://www.atlanticlabequipment.com/images/BrightSide.css you use

CODE

body {
    width:930px;
}

which is left-justified, so centering #wrap inside it doesn't make much difference. #wrap itself isn't centered either, in fact the 20px right margin justifies it to the right:

CODE

#wrap {
    width: 950px;
    margin-right: 20px;
    margin-left: auto;
}

You could also try to centering BODY itself by giving it a "margin: 0 auto".

Thank you so much for your help. It looks like the problem I'm facing is that I can't update the BrightSide.css file. Dreamweaver is showing me a different version on the remote server (at the same location http://www.atlanticlabequipment.com/images/BrightSide.css) than is being used by the website, very confusing.

[Christian J]

Sounds like a cached version might be used by your browser.