jQuery的横向和纵向定位脚本不是IE8

Question

工作

继承人的设计 http://vvcap.net/db/OuxLOYioWmjIAavL5N9U.htp

这里有一个演示！ http://designobvio.us/GoldGrid2/

我试图得到一个垂直和水平的jQuery脚本来运行IE8：

脚本代码

<script type="text/javascript"> 

    $(document).ready(function(){ 

    $(window).resize(function(){ 

     $('.padder').css({ 
     position:'absolute', 
     left: ($(window).width() 
     - $('.padder').outerWidth())/2, 
     top: ($(window).height() 
     - $('.padder').outerHeight())/2 
     }); 

    }); 

    // To initially run the function: 
    $(window).resize(); 

    }); 

</script> 

为什么这个脚本在心不是IE8工作的任何想法？

Answer 1

您可能希望让你一定的数学可以正常工作，也因为要更改值必须是包含“PX”

left: ((Number($(window).width()) - Number($('.padder').outerWidth()))/2)+'px', 
top: ((Number($(window).height()) - Number($('.padder').outerHeight()))/2)+'px' 

字符串的CSS申报的高度和宽度的数字

沿着这些线的东西，我可能会在CSS之前设置值。

var leftVal = Number($(window).width()) - Number($('.padder').outerWidth())/2; 
var topVal = Number($(window).height()) - Number($('.padder').outerHeight()))/2; 

然后：

left: leftVal+'px', 
top: topVal+'px' 

全功能：

$(window).resize(function(){ 

    var leftVal = Number($(window).width()) - Number($('.padder').outerWidth())/2; 
    var topVal = Number($(window).height()) - Number($('.padder').outerHeight()))/2; 

    $('.padder').css({ 
     position:'absolute', 
     left: leftVal+'px', 
     top: topVal+'px' 
    }); 

});