Отцентровка divа по центру страницы

[CTEKJlO]

Хочу сделать на сайте бар с загрузкой все вроде получилось а вот с позиционированием diva в css проблема.

Написал такой код он все отфильтровывает но если появляется скролл то и проскролить страницу в низ то бар остается где то в вверху не как не могу добиться от центровки по всей странице

<style type="text/css">
#contentLoading {
position:absolute;
top:50%;
left:50%;
width:220px;
height:20px;
margin-left:-125px;
margin-top:-100px;
z-index:1000;
}
</style>
<!-- в этом диве просто лежит картинка и я ее показываю при загрузке а как загрузится я ее убираю -->
<div id="contentLoading"><img src="loader.gif"></div>

[Styx]

Если вас не интересует судьба пользователей IE, то замените в CSS абсолютное позиционирование на

position: fixed;

[psywalker]

#contentLoading {
position:absolute;
top:50%;
left:50%;
width:250px;
height:200px;
margin-left:-125px;
margin-top:-100px;

}

[Styx]

psywalker, от скролла не спасёт. Хотя точное центрирование (для непрокрученного документа) именно так.

[psywalker]

psywalker, от скролла не спасёт. Хотя точное центрирование (для непрокрученного документа) именно так.

Пойдёт

[CTEKJlO]

Если я правильно понял fixed для всех а для IE javascript поможет?

[Styx]

Ну, в общем — да...

[sc@r@bey]

мне вот это помогло http://habrahabr.ru/blogs/css/59065/