Content Background not showing

  • Here is what my site looks like in IE:
    https://yourcrimesite.com/wp-content/uploads/2009/04/screenshot.jpg

    In Firefox, and apparently even in some IE, the content background isn’t showing up (as white). It’s as though it’s missing, and the blue background is showing instead.

    The stylesheet is below. Can anyone help me figure this out, please?

    /************************************************************
*	Content-wrapper  	[Body]				*
***********************************************************/
body{
       background: #44525F;
       font-family:Tahoma, Helvetica, sans-serif;
       font-size:12px;
       font-style: normal;
       color:#111;
       margin:0;
       padding:0;
}
#wrap{
      background: #FFFFFF;
      width:990px;
      margin:0px auto;
}
#top{
      width:950px;
      margin:0 auto;
      padding:5px 0 10px;
}
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi

    find this style.css (line 20)

    #wrap {
background:#FFFFFF;
margin:0 auto;
width:990px;
}

    add this between the brackets
    float:left;
    and see if it helps. In Firefox firebug it added the missing white background. It also made the site left justify not center but one thing at a time.

    Thread Starter Angie Meeker

    (@ameeker)

    Thanks so much! That did fix the color, and I do see now that it’s left justified. Can we tackle that next?

    Hi

    The gist of it is you need to put a wrapper around #wrap. You also seem to have an extra closing Div tag at the end of your site, so you are going to add this new div and not close it at the end.

    Go into header.php and add the new “wrap-wrapper”

    <body>
  <div id="wrap-wrapper">
    <div id="wrap">

    Now some CSS changes – add

    #wrap-wrapper {
   margin: 0 auto;
   width: 990px;
}

    remove the existing #wrap CSS and replace with this
    (comment the old out with /* */ beginning and end instead of deleting)

    #wrap {
  background:#FFFFFF;
  float:left;
  padding: 0 0 0 20px;
  width:970px;
}

    I think that gets you most of the way to where you want to go.

    Thread Starter Angie Meeker

    (@ameeker)

    =O-<

    ^ Me with my arms in the air dancing.

    Thanks! That totally worked! I just have to fix the footer and I’m good to go!

    Hi, I’m having a similar problem and I hope you or somebody will be able to help me.

    Here’s what I would like: my background color to be #FF9900, and my page color to be #FFFFFF. However, I viewed the blog using firefox and the code somehow makes the page the #FF9900 color, too!!! Which is totally not what I want.

    I know somewhere there is a wrap thing that isn’t… wrapping correctly. Any solutions? Here is my page code stuff:

    /* Page Structure */

    body {
    font-size: 65%; /* Resets 1em to 10px */
    color: #444;
    background: #ffffff;
    text-align: center;
    }

    body.lang-ar,
    body.lang-fa,
    body.lang-he,
    body.lang-hi,
    body.lang-km,
    body.lang-ko,
    body.lang-ja,
    body.lang-th,
    body.lang-zh {
    font-size: 75%; /* Resets 1em to 12px, for internationalized K2s */
    }

    #page,
    body.smartposition #rollingarchives {
    background: #white;
    }

    #page {
    text-align: left;
    margin: 0 auto;
    padding-top: 0px;
    position: relative;
    border: 300px solid #ff9900;
    border-top: none;
    clear: both;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    }

    Thanks in advance for any suggestions!!

    p.s. Here is my blog: https://www.hiyapapaya.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Content Background not showing’ is closed to new replies.