2011-12-23 27 views
0

画面の中央にajaxの更新進捗を設定する方法。私はページを下にスクロールし、それがスクロールされる画面の上部に来るとき、問題が来ている。画面の中央で進捗状況を更新します。

<div class="CenterPB" style="height:60px;width:60px;" > 
         <img alt="Loading..." src="abc.gif" width="16" height="16" border="0"> 
         </div> 

<style type="text/css" media="screen"> 

.CenterPB{ 
position: absolute; 
left: 50%; 
top: 50%; 
margin-top: -30px; /* make this half your image/element height */ 
margin-left: -30px; /* make this half your image/element width */ 
} 
</style> 
+0

あなたが話している問題を再現できませんでした。 これは私が試して複製したものです。 http://jsfiddle.net/3N53C/ これはあなたや他の人が答えを見つけるのに役立つことを願っています。 – laymanje

+0

[http://devarchive.net/update-progress-indicator.aspx](http://devarchive.net/update-progress-indicator.aspx) – Pankaj

答えて

0

についての詳細です。

1

私はウィンドウの代わりにドキュメントの座標に相対的にボックスを配置するので、問題は位置プロパティにあると思います。 用途:

position: fixed; 

ここでは、私はリンクの下から解決策を見つけたposition properties

関連する問題