Center site in all browsers

Hello All,

I am creating a website (CSS) with dreamweaver and I am having problems with centering my site in all browsers. I've heard that this could be done with code. Can someone please explain what I would type and where I should type it in at.

Thanks,
-Daz

Wrap the entire site in a div, and ID it "wrapper". Then put this in the CSS:

#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

That should do it, replace 800px with your desired width.

Thanks for the fast reply. I changed the div id="wrapper" but I am not sure where to enter:
#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}
Thanks again

the code

#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

Click to expand...

Should go in the CSS file that all your pages should be linking to

Its just a text file so you can copy the above code in to a plain text file (textEdit) and save it as filename.css (or whatever filename you like, but make sure it is a plain text file and has the .css extension).

Place it in a folder called CSS in your site and then link your page(s) to that file from Dreamweavers CSS palette