BG color problem in Firefox with Deep Blue Theme (11 posts)

  1. figaro
    Posted 7 years ago #

    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;

  2. Saurus
    Posted 7 years ago #

    Could you put in an additional body bg color reference, other than the container?

  3. figaro
    Posted 7 years ago #


    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.

  4. Saurus
    Posted 7 years ago #

    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?

  5. figaro
    Posted 7 years ago #

    "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.

  6. What's the BG color for #content?

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

  7. figaro
    Posted 7 years ago #

    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.

  8. doruk001
    Posted 7 years ago #

    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?

  9. figaro
    Posted 7 years ago #

    @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]

  10. doruk001
    Posted 7 years ago #

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

  11. doruk001
    Posted 7 years ago #

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

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

    For more info on this:


Topic Closed

This topic has been closed to new replies.

About this Topic