I am working on a site built with Atahualpa 3.5.3 and WP 3.0.1 here:

www.lotuseterneforum.com

When the site width is fixed at say 700px, everything is nicely centered.

Yet when I increased the site width to 1189px, the page loads by default to the left, and img.logo and my new widget area (text6) in the header are no longer centered to the layout.

I would like those to be centered, and I would like the page to load in the center of the visitor's browser by default.

What is the best way to accomplish this? I tried Googling and found this helpful link:

http://davidwalsh.name/horizontally-...-structure-css

I am not sure what CSS ID I need to modify in Atahualpa to apply the "{ width:900px; margin:0 auto; }" suggested, and if this is even the best way.

I tried searching the forum but I did not see a relevant topic.

Thanks for any help!

P.S. Here are the relevant CSS inserts for how the logo and text-6 widget (the ad) are positioned:

img.logo {
position: absolute;
top: 30px;
left:18px;
z-index: 59;
}

div#text-6.widget{
position: absolute;
top: 30px;
right: 18px;
z-index:60;
}

Just to be sure are you setting your site width in ATO>Style & configure layout?

As for the other two items I would set them as position: relative and use negative positioning if necessary to get them in the right place.

If you do for some reason need to center the the site with CSS use something like the following but I would try the above first.

div#container {
width: 1189px;
margin-right: auto;
margin-left: auto;
}

Thanks for the help lmilesw.

Yes, I set the site width at ATO>Style & configure layout. Should the site be loading centered already?

I think the issue is the large header images I have in the background. Regardless of the size of the background image, I would like the visitor's page to load centered on the content box. Does that make sense?

It should center. When you say the large header images you have in the background how are you putting them in the background?

The large images are just placed in the rotating header images folder of Atahualpa. I then moved the central content up a bit so the content is overlaid on top of the images.

Sorry for the incorrect terminology -- the background itself is #FFFFFF; .

Then yes all should center even if set to 1189px but again I would stay away from absolute positioning where possible.