设置加载指示器的位置

时间:2012-11-26 09:38:08

标签: c# asp.net html css loading

我定义了一个加载指示器,并且该位置存在一些问题。我的问题是  当装载指示器通过不同的机器看到时,定位装载指示器  分辨率或屏幕尺寸。我该怎么办呢!

这是我的代码:

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

1 个答案:

答案 0 :(得分: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;
}

左边距应该是你的loadginIndicator宽度的一半,以它为中心。