ウィンドウのサイズが縮小された場合、IE divはそれに応じて縮小されません

Question

divの高さがjavascriptによって制御されていますが、ウィンドウのサイズが変更されるたびにdivのサイズが変更されます。ウィンドウを拡大するとうまく動作しますが、ウィンドウを縮小するとうまく動作しません。理由は何でしょうか？私は以下のコードを持っています

<script type="text/javascript"> 
     function window_resize() { 
      var height = 0; 
      var body = window.document.body; 
      if (window.innerHeight) { 
       height = window.innerHeight; 
      } else if (body.parentElement.clientHeight) { 
       height = body.parentElement.clientHeight; 
      } else if (body && body.clientHeight) { 
       height = body.clientHeight; 
      } 

      var element = document.getElementById('test'); 
      element.style.height = height*80/100 + 'px'; 
     } 

     Sys.Application.add_init(function (sender, args) { 
      $addHandler(window, 'resize', window_resize); 
      $addHandler(window, 'onload', window_resize); 
      document.body.onresize = window_resize; 
      document.body.onload = window_resize; 
     }); 

    </script> 

    <div id="test" style="width:1000px;padding:0px;margin:0px;"> 
     <spc:Explorer ID="explorer" runat="server"></spc:Explorer> 
    </div> 

Answer 1

私は、ウィンドウを小さくするとdivが小さすぎると推測します。その理由は、ウィンドウサイズを小さくするとスクロールバーが表示されるため（表示されていなくても）、ウィンドウサイズの計算がスクロールバーの内側になるためです。

解決策の1つは、本体にbody.style.display = 'none'を適用し、ウィンドウのサイズを取得してからbody.style.display = ''にすることです。