This is the first of many how-to posts on some of the basics and more advanced ways to style and design SharePoint 2010 using SharePoint Designer 2010 to give it extra appeal.

I was working on a marketing site the other day that I wanted to make fixed width for 1024px screens and centered on the page.  Very easy to do in most applications but will all the CSS that SharePoint has it can be difficult sometimes to find the location to make that easy change.

Here is how you can make your site a fixed width and centered on the page in SP2010...

Open up the corev4.css file and look for the "form" tag.  Specify it below to your desired width.  Typically this would be done in the body and "container" (or whatever you like to call your main wrapper div) tags on traditional sites.

form {
 width: 950px;
 margin-left: auto;
 margin-right: auto;
}

Save and your site should now be centered!