No replies
Wimbledon
Wimbledon's picture
Offline
newbie
Virginia
Last seen: 9 years 29 weeks ago
Virginia
Timezone: GMT-5
Joined: 2011-01-24
Posts: 1
Points: 2

***Hope this is not a double post - not sure where my first thread went***

Hello everyone,

I am working on a site built with Atahualpa theme version 3.5.3 and Wordpress 3.0.1 here:

www.lotuseterneforum.com (just a testbed URL - site will be moved to a different URL)

I have tried asking the Atahualpa support forums for help, yet no one there has been able to provide the answer.

What I am trying to do is have a large set of rotating header images (like say 1500px wide and 700 px high) at the top of the page. I am then overlaying the logo, a 468x60 ad, and a portion of the blog content overlaid on top of the bottom of the header images.

I would like these header images to rotate upon each page load. I have solved the header image rotation behavior and positioned the header images exactly where I want them, using either the Frontpage-Slideshow plugin or Atahualpa's native image rotation feature. I have figured out the code for each.

The problem is that when a large header image is loaded, the page is not centered anymore -- rather the page loads justified to the left.

When the site width is fixed at say 700px, the page is nicely centered on the blog content area.

I figure the solution is some CSS insert, but I'm not sure what it is and need help formulating the correct CSS.

For extra clarification, I want my page to behave exactly like this page:

http://www.kilometermagazine.com/artman2/publish/first-drive/First_Drive_Audi_quattro_Concept.html

While the header image is too large for my small laptop screen, the left ends and right ends are simply truncated, and no scrollbars are displayed! And the blog content is centered! How exactly do I achieve this?!? I have tried studying that page with Firebug but I'm not sure what I should be gleaning from the Firebug data.

ANY help is greatly appreciated!