Separator / CSS issue

  • Resolved chanel

    (@chanel)


    14 years, 2 months 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.

    https://kisschanel.com/blog

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

    My css is located here: https://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.

Viewing 9 replies - 1 through 9 (of 9 total)

  • 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.

    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.

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

    Thread Starter chanel

    (@chanel)

    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.

    Thread Starter chanel

    (@chanel)

    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?

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

    Thread Starter chanel

    (@chanel)

    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.

    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.

    Thread Starter chanel

    (@chanel)

    changed this:

    #content{
position:relative;
}

    to this:

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

    Thanks to Othello!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Separator / CSS issue’ is closed to new replies.