WordPress.org

1. amber.karnes
   Member
   Posted 2 years ago #

   The site: http://www.bakeitpretty.com/blog

   In IE8, the background image shows at the top behind the header, and at the bottom of the page after the footer. The middle looks like it's being covered by the "content-wrapper" div. I have the background color of that div set to transparent. Not sure what else the problem might be. Any advice is appreciated. Thanks!

2. alchymyth
   The Sweeper
   Posted 2 years ago #

   there is another background in #content:
   

   #content {
   
   	float: left;
   margin:0 0 0 10px;
   _margin:0 0 0 4px;
   	width: 1000px;
   _width: 990px;
   	background: #fff;	
   
   }

   but at least, one can read the recipes; without the white backgrund of #content, it looks like granny's coutry kitchen table cloth ;-)

3. amber.karnes
   Member
   Posted 2 years ago #

   alcymyth,
   Thanks for the reply. I don't think #content is causing the problem because that div closes, then the sidebar opens. Since the background is "covered" down until after the footer, I can only assume it's #content-wrapper, since that wraps around the entire middle section.

   What do you think?

4. alchymyth
   The Sweeper
   Posted 2 years ago #

   what gives you the impression that #content closes before .col-mid or sidebar (?)

5. amber.karnes
   Member
   Posted 2 years ago #

   Okay, I fixed the problem with content-wrapper by adding display:inline-block; however I am still having an issue with the footer. I added display:inline-block but that did not solve it. Any ideas?

6. gregnak
   Member
   Posted 2 years ago #

   Could you post a screenshot of the problem in IE8?
   I can only test the site in FF/Safari/Chrome/IE7
   If i can see the problem, i should be able to help :)

7. amber.karnes
   Member
   Posted 2 years ago #

   http://www.bakeitpretty.com/images/bipscreen.jpg

   This shows the footer issue - see how the white extends past the box? Thanks!!

8. amber.karnes
   Member
   Posted 2 years ago #

   Bump - any help would be appreciated. thanks!

9. alchymyth
   The Sweeper
   Posted 2 years ago #

   one of these validation errors might be resonsible for the white background in the footer. even in firefox, the footer looks mis-aligned.

   unclosed or wrongly closed html tags can seriously distort and destroy a layout.

   the validator output gives general clues what to fix; and some of the errors stemming from errors at the top, so if you start fixing them from the top, some will disappear automatical.

Topic Closed

This topic has been closed to new replies.