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
Full Version: Background Image Layout, IE vs. FF
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.
QUOTE(Darin McGrew @ Aug 18 2007, 07:38 PM) 
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!
Does the content center correctly if you take the background image out?
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).
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).
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.