設定は私がポップアップを作成しています、画面の中央

Question

でのdivをポップアップし、そのサイズは521px、高さ400ピクセル

が、今私はそれがの中央に表示されます設定したい

をDIV画面やブラウザのウィンドウに関係なく、ブラウザウィンドウのサイズの...

HERESに私のjavascripeコード...

<script type="text/javascript"> 
function show_update_profile() 
    { 
     document.getElementById('black_fade').style.display='block'; 
     var dw = document.getElementById('div_register').style.width; 
     alert(dw); 
     document.getElementById('div_register').style.left= ((window.innerWidth)-dw)/2; 
    } 
</script> 

divの幅を表示しalert(dw);ライン....しかし、李あなたはこの問題で私を助けます...

Answer 1

警告（DW）の出力は何ですか？これは、（「123px」のような）いくつかの測定単位が含まれている場合は、計算で使用する前に、int型にそれを解析する必要があります。

var dw = parseInt(document.getElementById('div_register').style.width); 

Answer 2

は、pxで終わる文字列です。最初にparseIntに電話をかけて、番号を取得してください。しかし、JavaScriptを使用して、CSSで簡単に解くことができる問題の周りの長い道のりです：

#div_register { 
    left: 50%; 
    top: 50%; 
    margin: -200px -260px; 
} 

Answer 3

は次のようになります。

//remove extra dot 
document.getElementById('div_register').style.left= ((window.innerWidth)-dw)/2;