Newsy: extend sidebar separator all the way down

• 

  margaretrosestringer · Member · Apr 8, 2014 at 10:21 am

  • Copy link
  • Add topic to favorites

  Rich, hope you had a good week !
  OK, that’s enough small talk. [grin]
  On Tuesday, will you please remind me how to do that, please? – I’ve tried all the seemingly logical things I can think of, and none has worked.
  Obviously there were not as logical as they appeared to me to be. :-|
  OTY, my friend …

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 8, 2014 at 4:23 pm

  • Copy link

  Hi M.R., since either the sidebar or the content can be the longest on a page, I think the best way to do this would be to have the borderline on both the left of the sidebar and the right of the content. Normally these would then end up side-by-side, so we then use position: relative on the sidebar and move it one pixel over so the lines are in the same exact location.

  .wide-sidebar #primary {
      border-right: 1px solid #DDDDDD;
      margin-right: 0;
      padding-right: 30px;
      width: 641px;
  }
  #sidebar-wide {
      position: relative;
      right: 1px;
  }

• 

  margaretrosestringer · Member · Apr 8, 2014 at 7:19 pm

  • Copy link

  Done that, Rich – problem then is that the middle column (right-hand of the two content columns) is squashed to the left margin.
  I know I should be able to work this out; but it’s 5:20 am Downunder …
  :-}

• 

  margaretrosestringer · Member · Apr 9, 2014 at 2:09 am

  • Copy link

  I would be ever so grateful if you could solve this last bit before you knock off for the day, Rich, me old china …

• 

  thesacredpath · Member · Apr 9, 2014 at 4:56 am

  • Copy link

  Wow, I missed that by a mile. Delete what I had give above and add the following instead.

  .wide-sidebar #primary{
  border-right: 1px solid #DDDDDD;
      width: 671px;
  }
  #sidebar-wide{
      position: absolute;
      right: 20px;
  }
  #main {
      position: relative;
  }
  .blog #content:before, .archive #content:before {
      left: 47.5%;
  }

• 

  margaretrosestringer · Member · Apr 9, 2014 at 5:03 am

  • Copy link

  This is well beyond my pitiful level of comprehension, so I feel better about not being able to do it – not by a bull’s roar !
  Thank you very much indeed !!!!

• 

  thesacredpath · Member · Apr 9, 2014 at 5:37 am

  • Copy link

  Yeah, it took some skullduggery to accomplish it.

  You are welcome.

• 

  margaretrosestringer · Member · Apr 9, 2014 at 5:39 am

  • Copy link

  You know, we did this before, you and I: but I’m buggered if I can find WHERE.
  No matter.
  Go home.
  :-)

• 

  thesacredpath · Member · Apr 9, 2014 at 6:06 am

  • Copy link

  Have a good day M.R. and I’m going to sign off shortly. It has been a long day.

• 

  margaretrosestringer · Member · Apr 9, 2014 at 6:09 am

  • Copy link

  But you done good, Rich ! :-D