Question

I’m trying to make a 2 column responsive theme for SMF forum software. I wanted to stick a column on the right that would expand 100% the height of it’s parent.

My problem now is my floated sidebar expands only to the height of the viewport, not parent element. I there a way to make this happen?

I have 100% html,body height, parent height, and sidebar height. However, it expands only as far as the viewport, not parent element.

Live Example:
http://xarcms.com/index.php?theme=3

Answer 1

Another solution:

html{
    min-height: 100%; //insted of height
}

#wrapper{
    position: relative;
}

#side-section{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 20%;
}