Не уверен, что именно вы хотите достичь, но это может быть сделано без JavaScript, как это:
http://jsfiddle.net/KFyM4/6/
Хитрость заключается в следующем:
max-height:33%;height:auto !important;height:33%;
И это работает даже в IE6.Единственный улов заключается в том, что родительский элемент должен иметь фиксированную высоту, чтобы он знал, по какому числу рассчитать%.
Так что, если вы делаете это в окне браузера, вам нужно будет получить высоту:и примените его к вашему body
через javascript - остальное можно сделать через css.