WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Separator / CSS issue (10 posts)

  1. chanel
    Member
    Posted 3 years ago #

    How can I make the separator (the gray image that separates the sidebar from the main content) stretch to the end of each page to suit where the sidebar ends? It stops whenever the main content ends.

    http://kisschanel.com/blog

    If you browse different pages, you will see it stops short sometimes.

    My css is located here: http://kisschanel.com/wp-content/themes/chanel/style.css

    And here's the portion that calls it:

    #narrowcolumn{
    float:left;
    padding:25px 24px 20px 10px;
    position:relative;
    top:11px;
    width:624px;
    background: url('images/bg_page_separator.jpg') repeat-y;
    background-position:right;
    z-index:2;
    }

    In laymen terms: The grey separation between the main content and the sidebar would needs to be carried to the top of the footer.

  2. vtxyzzy
    Member
    Posted 3 years ago #

    I am guessing that this is not an easy fix. Because the separator is in a div with the id 'narrowcolumn', it is probably included with the posts, not the sidebar.

    If that is the case, you would need the background in the sidebar css. This would probably mean that adjustments are needed in the size of the divs as well as the padding to get it all lined up correctly.

  3. Ryan Paul
    Member
    Posted 3 years ago #

    Seems as if you got this sorted out as I'm not seeing the problem on any page.

    I was looking at your blog's html a couple of days ago. Whoever coded it kind've built it with too many floats and layers.

    If that were my blog, I'd recreate the template simpler to remove any possible problems down the line.

  4. vtxyzzy
    Member
    Posted 3 years ago #

    If the problem has been solved, please use the dropdown at top right to mark this topic 'Resolved'.

  5. chanel
    Member
    Posted 3 years ago #

    vtxyzzy,

    I posted this over a day ago and you're rushing me to resolve this in 30 minutes? The problem is not resolved. I was sleeping.

  6. chanel
    Member
    Posted 3 years ago #

    Thank you for the advice othello. I don't know how to remove the floats without messing the whole blog up. How can I do this?

  7. vtxyzzy
    Member
    Posted 3 years ago #

    I was not rushing you, I was responding to othellobloke's comment that he did not see the problem.

  8. chanel
    Member
    Posted 3 years ago #

    vtxyzzy,

    I'm the one with the issue, not Othello, therefore I am the one who decides if the problem is resolved or not.

    Furthermore, you're not even a moderator to direct orders around here so please, stay in your lane. Thanks in advance.

  9. vtxyzzy
    Member
    Posted 3 years ago #

    My response was to you, not othellobloke. I simply thought, judging by his response, that you might have solved the problem on your own. I won't bother you any more.

  10. chanel
    Member
    Posted 3 years ago #

    changed this:

    #content{
    position:relative;
    }

    to this:

    #content{
    position:relative;
    background: url('images/bg_page_separator.jpg') repeat-y 626px;
    }

    Thanks to Othello!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags