Центр всплывающего окна DIV Element

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

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

Есть идеи?

С уважением, Каран

Answer 1

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

position: fixed;