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;
}
and
.middle {
padding: 0 15px 61px 0;
}
thanks
ralphm
2
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.