IE8 problème avec le positionnement Jquery

Question

J'essaie de positionner un graphique de chargement au milieu de la fenêtre de vue en utilisant jquery. La solution je suis venu avec des œuvres dans tous les navigateurs sauf IE8 ou plus:

JS

<script type="text/javascript"> 
     jQuery(document).ready(function(){ 
     jQuery("#loading_spinner").css("left", window.innerWidth/2); 
     jQuery("#loading_spinner").css("top", window.innerHeight/2); 
     }); 
    </script> 

HTML

 <div id='GB_overlay' style="display:none;"> 
     <div id="loading_spinner" style="position:absolute;"> 
      <img src="/img/transparent_loader.gif" alt="#"/> 
     </div> 

Pour une raison quelconque, dans IE8 ou moins, la fileuse se positionne dans la coin supérieur gauche de l'écran pas le centre. Est-ce un bug IE? Comment puis-je réparer cela?

Answer 1

Votre problème est window.innerWidth et window.innerHeight qui ne fonctionnent pas sur IE.

Il est plus sûr d'utiliser jQuery pour travailler ceci, utilisez une des options suivantes au besoin,

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document 

Answer 2

innerWidth et innerHeight ne sont pas pris en charge dans IE. (Sauf IE9)

Voir quirksmode

Vous pouvez utiliser

$(window).height() et $(window).width()

Answer 3

Essayez d'utiliser

http://api.jquery.com/height/