Big, glaring white square in the background that just wont go away. (5 posts)

  1. heartquasm
    Posted 9 years ago #

    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?

  2. DianeV
    Posted 9 years ago #

    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.

  3. themystical
    Posted 9 years ago #

    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.

  4. heartquasm
    Posted 9 years ago #

    Yay! Working now.


  5. themystical
    Posted 9 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.