Centrez le DIV élément contextuel

Question

J'ai créé un div dans ma page, et il ressemble -

<div id="progressThrobber" style="display: none;"><img src="/btweb/images/DeskTopIconLoading.gif" width="200" height ="40"/>    Loading...</div> 

Maintenant, la fonction qui fait apparaître comme une fenêtre sur la page est sous -

function showProgress(divId) { 
var divElement = document.getElementById(divId); 
divElement.style.display = ''; 
divElement.className='progressThrobberStyle'; 
divElement.innerHTML = '<table><tr><td align="center"><img     src="/btweb/images/DeskTopIconLoading.gif"/></td></tr><tr><td nowrap="nowrap"><b>Loading...</b></td></tr></table>'; 

return true; 

}

le style qui positionne le DIV est sous -

.progressThrobberStyle{ background-color:#FFFFFF; 
    border:1px groove #999999; 
    cursor:default; 
    position:absolute; 
left:50%; 
    top:50%; 
width:200px; height:100px; 
margin:-100px 0 0 -50px; 
    z-index:99; 
    padding: 15px 15px 15px 15px; 
} 

Je n'arrive pas à faire en sorte que ce soit au centre quelle que soit la position à laquelle l'utilisateur a déjà fait défiler. Par exemple, si l'utilisateur fait défiler vers le bas d'une page et envoie un message, je dois afficher la fenêtre contextuelle au centre.

Des idées?

Cordialement, Karan

Answer 1

Avez-vous essayé:

position: fixed;