tags:

views:

75

answers:

2
+1  A: 

The only way to get elements to stretch to a percentage portion of the height of the view port is to anchor them to the bottom.

See here for specifics.

Core Xii
i tried the suggestion. but it hides the header.<br> here's screenshoothttp://i.imgur.com/NxN0Z.jpg%22%20title=%22Hosted%20by%20imgur.com%22%3Ehttp://imgur.com/NxN0Z.jpg<br>.leftPanel{ width:200px; background-color:blue; float:left; position:absolute; height:100%; bottom:20px; margin-top:300px;}.centerPanel{ width:760px; background-color:gray; position:absolute; height:100%; margin-top:300px; left:200px; bottom:20px;}
Tsung Lin Tsai
I figured I likely got the exact rules wrong; But the concept stands. See the added link for the real deal.
Core Xii
+1  A: 

This is a very work-aroundish solution, but here it goes: http://jsfiddle.net/Us5Cn/

Jimmy