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