CSS help needed- lines between columns?

  • mag

    #7342

    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.

    Mod

    Kenneth John Odle

    #37897

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

    Link to site?

    mag

    #37898

    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

    Mod

    Kenneth John Odle

    #37900
    Quote:
    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).

    mag

    #37901

    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.
Do NOT follow this link or you will be banned from the site!