Karen Posted May 4, 2011 Report Share Posted May 4, 2011 Hello everyone! I hope you can help me. I'm working on a website that I have temporarily hosted here. I have a repeating png file as the background of the main container, and all other elements (other than the header) are set to have no background color. The header and content areas are in another wrapper (labeled "container2") apart from the navbar. The problem? I have this weird black box showing up in the navbar area, and I don't understand where it's coming from. The navbar has javascript that expands it (and a separate css file), but that is all set to have no background as well. Please take a look and let me know if you have any thoughts. Thanks in advance! Karen GuppyFish Web Design Quote Link to comment Share on other sites More sharing options...
falkencreative Posted May 4, 2011 Report Share Posted May 4, 2011 The dark background is coming from #container. The navbar doesn't extend all the way down the page -- it only encloses the nav elements, and doesn't extend down the page past them. Are you sure you didn't intend to use "repeat-y", not "repeat-x" on the #container's background? 1 Quote Link to comment Share on other sites More sharing options...
Karen Posted May 4, 2011 Author Report Share Posted May 4, 2011 Ben - You are my hero! It's amazing how little things can rattle us so much... I had been staring at it for so long that I missed that. Thanks for being a spare set of eyes! Quote Link to comment Share on other sites More sharing options...
falkencreative Posted May 4, 2011 Report Share Posted May 4, 2011 Happy to help. Also, consider looking at the Firebug plugin for Firefox. It makes it a lot easier to catch this sort of thing. http://getfirebug.com/ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.