CSS help needed- lines between columns?

  • mag


    Want to put a solid line between the side bars and content.

    Have tried adding a border to the following elements- Each one has its drawbacks.

    If I add borders to the post they only go as far as the post and not the comments… If I add a min height it can ause dead space before the comments. If I add a height percentage, there is no change.

    If I add a border to .container 16, .grid_5, grid_11, #sidebar, content-main – the change causes the post content to drop down below the sidebar.

    I thought I had the CSS stuff all figured out… not as crafty as I thought.

    Any advice will be greatly appreciated.


    Kenneth John Odle


    Try adding a left and right border to #content-main

    Link to site?



    Thanks very much for responding.

    I’ve been trying to use the graphene theme to emulate the sliding door theme for a friend. It is really close but that border is challenging. The sliding door theme crashes on update – even with a child and graphene is so well made that it is time for a change.

    I tried your suggestion and it bumps all the post content down under the sidebar.

    Here’s the test site: http://ourfamilysrecipes.com/pic

    Here’s the original website that I’m trying to mimic. http://paulainchina.com


    Kenneth John Odle

    it bumps all the post content down under the sidebar.

    Adding a border increases the width of the container in question, which pushes anything that floats to the right down.

    Add this to custom css:

    #content-main {width: 100px;}

    You don’t want to use 100px, of course. Figure out what your current width is, and then subtract 2 x the border width (if you have borders on each side) or just the border width (if you have a border on only one side).



    You are a life saver. I don’t know why I didn’t think about that. Was pulling my hair out. Thank you so much!

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.