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 😉
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 (?)
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 🙂
http://www.bakeitpretty.com/images/bipscreen.jpg
This shows the footer issue – see how the white extends past the box? Thanks!!
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.