• Resolved eeh212

    (@eeh212)


    Hi all, I am experiencing gaps in my page, specifically a gap between the sidebar and the posts and a gap between the header and the posts. I am not sure why this whitespace is occurring. Is it something in my code with the header and sidebar or is it my index code? Please let me know what to post and I will do so. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • It is probably an issue with the stylesheet in the blog but we cannot help you without more information.

    Can you provide the url of the site?

    Thread Starter eeh212

    (@eeh212)

    Sure. The URL is http://www.wewantwork.com

    Thanks a bunch.

    The gap between the header and the content is due to the style for the header in the stylesheet.

    Look at the entry in the stylesheet as below

    #header {
    color:#444;
    margin:0;
    padding:10px;
    background:#fff;
    height: 150px;
    }

    and change the height line from 150px to say 100px.

    The content is set as below

    #content {
    margin:20px 0 20px 0px;
    padding:0;
    float: right;
    width: 576px;
    text-align: left;
    }

    which means it is to float to the right with a width of 576px. As the screen is wider than the sidebar and the content width of 576px you get a gap between them.

    Thread Starter eeh212

    (@eeh212)

    Worked! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘White space bars along left and top?’ is closed to new replies.