theBlogButler
Member
I have a 2 column layout and want the right column (sidebar) to be the same entire height of the 'container' block that holds the content. I've modified sidebar.php in my child theme to wrap a div before and after the content (primary, secondary...).
That works great but I can't style the new div properly in order to force it to be the same height as the 'container' block. I've tried min-height: 100% but that seems to have done nothing whatsoever.
That's one of those tricky css issues. A list apart did an article on this 4 years ago, that seems to pick it apart well: http://www.alistapart.com/articles/holygrail
For most cases it seems you want the full length sidebar because of a background image or color. I think the easiest way to do this is to make the background image go on the parent container. You could look at the css / background image for a recent client site I made: http://www.sassafraspdx.com/. Notice that the column and the sidebar "appear" the same height.
theBlogButler
Member
What I was really trying to do is add a styled border on the sidebar div. Instead of that I just put it on the main div where the content is. DUH.
You must log in to post.
