I am trying to build a Website that has the same properties of: http://www.thomasville.com/, in that the background is centered regardless of your screen's resolution. How do I do this?

use css,

in your html code add a div that contains all your content
e.g
<div id="all">
content
content
content
</div>

then in your css file add something like this in

#all{
width:600px;
margin:0 auto;
}




done

Thanks a million! Will try it out tomorrow!

H

That's only HALF the solution though.
margin: 0 auto; - will work not center the container in IE 6 or below.

To fix that you need to also add this:
body{
text-align: center;
}

And then you'll need to add "text-align: left;" to the rules for the container that is being centered - to #all in the above example.

i did not know that, so is margin:0 auto; needed or should you just use text-align:center all the time ?

IE 6 doesn't count any more, if a user hasn't upgraded I don't feel they deserve to see my sites as they really are. In fact this is also true for IE 7 but I do make my sites work for that occasionally.

^^^ yeah ok good luck to you then

There is a sticky at the top of this forum regarding centered layouts.

IE 6 is still THE major percentage of users. Excluding such a large audience is just plain foolish, but then, maybe your site is merely for vanity anyway.

I like the design ideas of your site. Good Luck

Margins can be hell. What looks good in I.E looks bad in F.F. Remember I.E adds
more pxs on each side of a box.

<notagz1>