Background Image Layout, IE vs. FF, need help center my images Options

[John Kleinmann]

I need help with my website. I'm trying to get the background images centered on the screen. It renders the way I want it to look in FF2. However, when I view in IE7, it is only centering from div id footer, and not the rest above it. Any help would be appreciated!

(I know there are other things wrong with the formatting.. I just want to get this part solved first on the home page)

My Webpage

[Darin McGrew]

You're mixing XHTML syntax into an HTML document. That causes the report from our validator to spit out "The maximum number of errors was reached. Further errors in the document have not been reported." There may be other errors, but it's hard to say because of all the XHTML nonsense.

[John Kleinmann]

You're mixing XHTML syntax into an HTML document. That causes the report from our validator to spit out "The maximum number of errors was reached. Further errors in the document have not been reported." There may be other errors, but it's hard to say because of all the XHTML nonsense.

Ok, I fixed all the XHTML errors (they were just / on br's and img's). Now there are no errors on the page, but I'm still getting it not rendering properly on IE7. Any help would be appreciated. Thanks!

[drjekyll]

Does the content center correctly if you take the background image out?

[Darin McGrew]

You specify a width for div.content, but not for div#footer. Thus, the centered background images are centered relative to different width elements, unless the width of the browser window happens to be just right.

But I recommend avoiding a fixed-width design. Perhaps you can use an approach similar to that used by ALA's custom corners & borders articles (part 1, part 2).