Центр всплывающий DIV элемент

Question

Я создал DIV в моей страницы, и это выглядит как -

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

Теперь функция, которая делает вид, как всплывающее окно на странице внизу -

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; 

}

стиль, который позиционирует DIV находится под -

.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; 
} 

Я не могу заставить это находиться в центре, независимо от положения, к которому пользователь уже прокрутил. Например, если пользователь прокручивается до самого нижнего края страницы и отправляет отправку, мне нужно показать всплывающее окно в центре.

Любые идеи?

С уважением, Karan

Answer 1

Вы пробовали:

position: fixed;