Center a page

Hey guys,

site: Erica Wilk | Random Musings…

How would I center these sections in the middle of the screen:

.header {
margin-bottom: 15px;
padding-top: 30px;
background: url("i/post_list.gif") 0 80px no-repeat;


.middle {
padding: 0 15px 61px 0;


It’s best just to center the whole lot in one hit, like so:

.wrapper {
  min-height: 100%;
  [COLOR="Red"]/* padding-left: 30px;  remove this */[/COLOR]
  position: relative;
  width: 975px;
  [COLOR="Blue"]margin: 0 auto;[/COLOR]

Setting the left and right margins to “auto” centers an block element with a set width.

great, thanks