• My current site (that’s still under construction) is: http://heartquasm.org/blog

    Everything’s almost exactly how I want it… except for this odd white box in the background. I’ve tried playing around with the CSS sheets, the divs in the index.php, etc, and it just wont go away.

    What is it?

Viewing 4 replies - 1 through 4 (of 4 total)
  • I’m going to guess that the CSS for the sidebar (or something else on the page) is specifying a background of #fff (that’s white).

    Look around and see if you can find something like that. It may be in your sidebar CSS.

    From the source code I see that the theme is pulling

    #page { background: url("http://heartquasm.org/blog/wp-content/themes/my themes/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }

    Also there are discrepancies in the size between the header, the sidebar and content (.narrowcolumn).

    header is 670px
    sidebar is 190px
    .narrowcolumn is 550

    190 + 550 = 740 therefore pushing the sidebar at the bottom and showing the white part of the image background mentioned above.

    also keep in mind paddings and margins of this element when you adjust them.

    As last thing try also to add at the end of the css an universal selector like…

    * {margin:0px; padding:0px;}

    and see if that helps too.

    Thread Starter heartquasm

    (@heartquasm)

    Yay! Working now.

    Thanks!

    Great, but be aware that in IE6 and 7 the sidebar drops down the bottom, check margin and padding, even just one extra pixel can cause problems, btw it looks good in firefox.

    Have a nice one.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Big, glaring white square in the background that just wont go away.’ is closed to new replies.