無論屏幕大小或分辨率

定位加載指示div在我的aspx頁面，我有3 td裏面我已經放置 divs顯示我的內容。我使用ajax加載數據在每個div.in在我正在顯示我的內容div 的同一td我也放置了一個div來顯示加載指示器，當數據div 加載時。我的問題是定位加載指示器div時，通過不同的分辨率或屏幕尺寸的機器。目前我的加載指標div是絕對類型的。任何人都可以建議一個優雅的方法來定位我的加載指標div在三個td的所以dat它正確居中無論是什麼是屏幕尺寸或分辨率。我正在使用c＃web應用程序。無論屏幕大小或分辨率

以下是TD的中的一個的標記，

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="Box"> 
        <tr> 
         <td class="Box_TopLeftCurve"> 
          &nbsp; 
         </td> 
         <td valign="top" class="Box_TopRep"> 
         </td> 
         <td class="Box_TopRightCurve"> 
          &nbsp; 
         </td> 
        </tr> 
        <tr> 
         <td class="Box_LeftRep"> 
          &nbsp; 
         </td> 
         <td align="left" valign="top"> 
          <div class="Box_GridArea"> 
           Data Here 
          </div> 
          <div style="position: absolute; top: 347px; left: 207px; width: 134px;display:none;"> 
           Loading Indicator 
          </div> 
         </td> 
         <td class="Box_RightRep"> 
          &nbsp; 
         </td> 
        </tr> 
        <tr> 
         <td class="Box_BaseLeftCurve"> 
          &nbsp; 
         </td> 
         <td class="Box_BaseRep"> 
          &nbsp; 
         </td> 
         <td class="Box_BaseRightCurve"> 
          &nbsp; 
         </td> 
        </tr>

來源

2012-07-24 iJade

分享您的標記.. – 2012-07-24 08:05:33

更新看看 – iJade 2012-07-24 08:21:28

不使用位置絕對和刪除的div左上角，只是只需使用加載DIV在那TDS – 2012-07-24 08:28:54

顯示指示器作爲背景圖像，使得它很容易在任何分辨率中心。

.loader { background: url('/images/loader.gif') center center no-repeat; }

你可以將背景圖像分配表中或者在它應該出現的TD。

加載時，你可以刪除使用jQuery例如裝載機類：

if (is_loaded) { 
    $('table td').removeClass('loader') 
}

來源

2012-07-24 09:33:44 Ben

無論屏幕大小或分辨率

回答

相關問題