Updated the code to have two divs as you suggested, since that does make sense. I must still be missing something because the dark gray content area is still not going the full height of the page, even though the div wrapping both sides is set to min-height: 100%.
If I change the container (wrapper) from min-height to height, no change occurs. If I then add height: 100% to #bside then it goes the full height BUT if the content in bside goes beyond the height of the browser, no scroll occurs so it just isn't displayed. Not what I need.
you are going to hate me but,
looking at your codepen, you are specifing line height in px which is wrong and incorrect
the line height should always be unitless as ratio or percentage of given element font size
remeber that line height passes on to decendent elements font sizes and will not change if font size is diferent size while specifying line height in units, it's just a bad practice
I've reworded the question.
You're going to hate me but I wouldn't code it quite like you have.
Within the container, I would have two 'master' divs (one for the sidebar area and the second for the content)
See something like: http://codepen.io/joe/pen/vygft
Updated the code to have two divs as you suggested, since that does make sense. I must still be missing something because the dark gray content area is still not going the full height of the page, even though the div wrapping both sides is set to min-height: 100%.
Have you set the body, html & 'wrapper' to 100% height (not min-height)?
Yes, the reset always had :
If I change the container (wrapper) from min-height to height, no change occurs. If I then add height: 100% to #bside then it goes the full height BUT if the content in bside goes beyond the height of the browser, no scroll occurs so it just isn't displayed. Not what I need.
Ah...well that's a different issue.
Setting #bside or #contentframe to position: absolute has the same effect. Looks right but doesn't function properly.
To do that you must set body and html height to 100%
Full-height is the object you want full height.
That doesn't seem to solve what I'm asking at all. Again, the reset in the CSS already has body and html set to height 100%
@paulie
you are going to hate me but, looking at your codepen, you are specifing line height in px which is wrong and incorrect the line height should always be unitless as ratio or percentage of given element font size remeber that line height passes on to decendent elements font sizes and will not change if font size is diferent size while specifying line height in units, it's just a bad practice
@jurotek
The line-height was merely a placeholder to centre the text in that specific codepen. I would never use it like that IRL.
Discussion moved to: http://css-tricks.com/forums/discussion/21110/help-with-equal-height-columns-in-fluid-width-css