Hey guys, I get asked this question a lot, and as I got asked it today, I decided to write a post about it.

So for all who are interested, here it is

Hope that helps

I have to admit, I'm new to this, but wouldn't it be easier to do it like this?

body {
text-align: center;
}

#container {
width: whatever width you want;
margin: auto auto;
}

This seems to be working on my site...

What I would like to know is if there is a way to center the #container vertically... so if i have a page that has a set height, and it is viewed an a higher resolution, it will appear in the center of the viewable window with even margins top bottom and left right. Is it possible?

What I would like to know is if there is a way to center the #container vertically

There's no easy solution to that really. To do that to suit all resolutions you need at least some javascript. An easier method is a cheat, using a 'shiv' div to push it down vertically.

Originally Posted by DrSeuss

.

What I would like to know is if there is a way to center the #container vertically... so if i have a page that has a set height, and it is viewed an a higher resolution, it will appear in the center of the viewable window with even margins top bottom and left right. Is it possible?

Surely thats a fairly rare problem though? I've never designed a website thats basically just a box, and I hardly ever come across them whilst browsing