Posted by saz on 05/29/06 22:09

In article <1148915734.678515.94070@y43g2000cwc.googlegroups.com>,
websiterepairguy@gmail.com says...
> Brian wrote:
> > I am having troubling my website. The address is
> > http://www.showandselldesigns.com/baby
> > I am trying to center the page in the middle of the page.
> > Can anyone help?
> > Brian
>
> Surrounding all your content with a table tag and
> setting align=center will work.
>
> I know that align=center is deprecated. I'm sure
> others will tell you why.
>
> Ed
>
Ed:

I've seen your business site, and you claim to specialize in website
repair...you need to sharpen your skills.

Without discussing the deprecated element, the correct format is:

align="center" (note the quotes)

But that's still the wrong answer. The correct css is:

body {
background-image: url(img00000.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: #999999;
margin-left: 1.79in;
margin-right: 1in;
margin-bottom: 1in;
}

Note that I added the one line - background-position: center;

If desired, continue to modify background-position to achieve the
distance from the top. For example, changing it to:

background-position: center 100px;

would place the background image in the center 100px from the top of the
page.

I would also discourage the use of "in" for text placement. Use
percentages, em or pixels and margin:auto; when possible. Using "in"
will not give the desired effects in different resolutions.

Better yet - use a container div (not a table) to center all the text
within the image. It will give much cleaner code, especially if you
plan on going back in to make updates on a regular basis.

[Back to original message]