I am not sure where I insert the code, do I add it to my style sheet .css document?

This is how my CSS starts:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #fff url(bgfade.jpg) repeat-x;
}
#header {
color: #333;

(with thanks to you guys on here I was able to get my BG image how I wanted-that coupled with my CSS book. Its all starting to make a little bit more sense now.) But centering is confusing me as I cant work out where to put the command.

Thanks!

Well,If you want for all content to be centered in your page, you're going to have to add an id it to your .css.

The thing to do is to create a div, and set it to an id such as "content." Then in your .css, create it so that the id is as something as follows:
#content {
height: 600px;
width: 813px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

From there, put all other divs within "content" so that it's all centered. The important thing to realize on how to center content is to have the margin-right and margin-left set to "auto."

Make sense?

Thank you, that worked, now just so I can get a better understanding, what does
height: 600px;
width: 813px;
actually refer to?

I played with changing the values, and I now see what it corresponds too.

You want to be careful about nailing down specific heights. I see people do it all the time, and most of the time it's just not necessary. A div will stretch vertically to contain what's in it by default. Setting a fixed height could cause problems.

Is it ok just to miss the height command out?

Originally Posted by Rachelsne

Is it ok just to miss the height command out?

In most cases, yes, but in tight, controlled layouts, sometimes an absolute height is necessary to avoid different browsers pushing lower content down a little if they render text in different ways.

Try removing it and if it doesn't create a paoblem, then all is well!

Thanks for all your help!