Support » Themes and Templates » BG color problem in Firefox with Deep Blue Theme

  • I’m working on a blog here using the Deep Blue theme:

    When viewed in IE all the content under the page tabs, including the menus on the right, have a white background which is the way it should be. However, when I view the site in Firefox 3, the white doesn’t show…the blue background from the body shows instead.

    The following code in the container is supposed to produce the white background, but it has no impact in Firefox…seems the background being defined there is being overridden by the blue defined in the body.

    Any suggestions?

    #container {
    width: 970px;
    background: #FFF url(images/container-bg.gif) top left no-repeat;
    text-align: left;
    margin: 0 auto;
    padding: 0px 10px;
    border: 0px solid black;
    clear: both;

Viewing 10 replies - 1 through 10 (of 10 total)
  • Could you put in an additional body bg color reference, other than the container?


    I’m not sure I understand. The container is nested in the body and holds the content and sidebar. I’m not sure why the background color reference in the container is not being recoginzed by FF…width and text-align are being recognized, so its got to be something pretty simple I’m missing.

    Yeah – I don’t get it either – it does show an all blue bg in my FF2. Puzzling, to say the least. That “container-bg.gif” … have you examined that?

    “container-bg.gif” … have you examined that?

    Yea, it’s just a 9px high gif that makes the corners rounded at the top of the white area in container…you can see it in IE, but it doesn’t show in FF either.

    Moderator Ipstenu (Mika Epstein)


    🏳️‍🌈 Halfelf Rogue & Plugin Review Team Rep

    What’s the BG color for #content?

    (I see the rounded images in FF 3, I think…)

    The content contains the post title and post content. It doesn’t have a BG color set…it should inherit the color of the container. You may be seeing the rounded corner of the post/page title and not the container. If you click on the About Us page, you may be able to see things better since there are no images there.

    The container holds both the post content and the sidebars.

    Figaro, you seem to have sorted this one out. I’m struggling with the same problem, it looks like a missing </div> tag somewhere but I couldn’t figure it out so far.

    How did you fix it?

    @doruk001: Yes, I did get it fixed, but I don’t remember what I did 🙂 I’ve zipped the theme and you can download it below if you want to look through it…I probably adjusted something in style.css, but just don’t remember what…it was a tough one.

    [link moderated]

    Wow! Thanks for the fast reply. I’ll go through the files and post here if I find out what it was.

    Fixed it! Modify the first line of footer.php like so:

    <div class="clearboth">&nbsp;</div>

    For more info on this:

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘BG color problem in Firefox with Deep Blue Theme’ is closed to new replies.