- ベストアンサー
ブラウザのサイズ取得がXHTMLにするとうまくいか
- ブラウザのサイズ取得がXHTMLにするとうまくいかない問題について解説します。
- IE8での高さの取得に関する問題と、正しい値が出力される理由について説明します。
- スクロール分の要素を追加することで大きすぎる値が出力される問題について解決策を提案します。
- yamato-g
- お礼率72% (16/22)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こちらのサイトを参考にすればうまくいきますよ。 http://www.marguerite.jp/Nihongo/WWW/DHTML/WindowSize.html DOCTYPE宣言を追加すると標準準拠モードになるため、 その影響で正しく効いていないようです。 <script type="text/javascript"> <!-- var w = 0; var h = 0; // IE以外 if ((!document.all || window.opera) && document.getElementById) { w=window.innerWidth; h=window.innerHeight; } // IE標準モード else if (document.getElementById && (document.compatMode=='CSS1Compat')) { w=document.documentElement.clientWidth; h=document.documentElement.clientHeight; } // その他のIE else if (document.all) { w=document.body.clientWidth; h=document.body.clientHeight; } // その他(非対応) else { w=1024; h=800; } document.write('<p>横のサイズ：<strong>' + w + '</strong><br>'); document.write('縦のサイズ：<strong>' + h + '</strong></p>'); // --> </script>
