CSS Problem – background img covered by div in IE8 only

  • The site: https://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!

Viewing 8 replies - 1 through 8 (of 8 total)

  • 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 ??

    Thread Starter amber.karnes

    (@amberkarnes)

    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?

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

    Thread Starter amber.karnes

    (@amberkarnes)

    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?

    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 ??

    Thread Starter amber.karnes

    (@amberkarnes)

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

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

    Thread Starter amber.karnes

    (@amberkarnes)

    Bump – any help would be appreciated. thanks!

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘CSS Problem – background img covered by div in IE8 only’ is closed to new replies.

Tags