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!