0

Loading-Indicator を定義しましたが、位置に問題があります。私の問題は
、解像度や画面サイズが異なるさまざまなマシンから見たときに、読み込みインジケーターを配置することです。どうすれば修正できますか。

ここに私のコードがあります:

<body class="loadPage">
<form id="form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>

  <div id="loadingLogo">
     <asp:Image ID="Image1" runat="server" ImageUrl="Images/Logo.png" />
     <hr class="line"/>
  </div>

  <div id="loadingIndicator" >
     <syncfusion:WaitingPopup ID="WaitingPopup1" runat="server" CloseTimeOut="2000"    
                 ClientObjectID="Popup1" PositionParent="Screen"
                 Width="250px" Height="50px" Alignment="MiddleRight"  
                 InitiallyShown="True" DisableOnShowElementID="loadingIndicator">
     </syncfusion:WaitingPopup>
  </div>

</form>

4

1 に答える 1

0

配置したい場所を書きませんが、 position: absolute; を使用することをお勧めします。または位置: 固定; http://www.w3schools.com/cssref/pr_class_position.aspを参照してください。

中央に配置したい場合、CSSは次のようになります

#loadingIndicator {
position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;
top: 10px;
}

中央に配置するには、margin-left から loadginIndicator の幅の半分を引いた値にする必要があります。

于 2012-11-26T10:30:55.723 に答える