alignment problem

[jrod]

my page is divided into two parts: header and content. but i can't align them together. I have been working on this for the past 2 hours and no luck. please help.

here's my site: http://jrod.awardspace.com/prod2.html

[naiani]

You can put both in a container div and apply the width you want and margin: 0 auto; to center both. Remembering that, in order for the centering to work on IE, you also have to define text-align: center; for the body, and text-align: left; for the container.

body {
    ...
    text-align: center;
}

div#container {
    ...
    text-align: left;
    width: whatever you want;
    margin: 0 auto;
}

Is that what you want to achieve?

[jrod]

Thanks so much!

i'm new to css so i don't much about the rules. i appreciate it.

[naiani]

No problem. =)