CSS help needed- lines between columns?
-
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
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
Mod
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).
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.