垂直展开元素以填充

Question

Site: http://ace.brianhare.com/

How can I get it so the section and aside elements fill vertically and hide the yellow background?

Basically I don't want the yellow background to ever show.

It's OK to stretch everything vertically to do this, or if I have the choice, having the div with id table stretch and the aside .

Prefer css only but will accept javascript/Jquery solutions.

Answer 1

Try adding this CSS-code:

html, body, aside, section {
  height:100%;
}

#bounds {
    height:-webkit-calc(100% - 50px);
    height:-moz-calc(100% - 50px);
    height:-o-calc(100% - 50px);
    height: calc(100% - 50px);
}