Anyone have any idea why a RadAjaxLoadingPanel with multiple divs and an image would work properly on Firefox, but not (always) on IE? In particular, it fails on IE when a RadTabStrip is updating RadMultiView panels.
The symptom: The top half of the panel is visible, while the bottom half gets cut off. The IE Developer Toolbar highlight the proper area using the DOM inspector, but IE just doesn't draw the entire panel.
Here's the code:
And here is a stylesheet snippet for the LoadingPanel:
Thanks,
Tim
The symptom: The top half of the panel is visible, while the bottom half gets cut off. The IE Developer Toolbar highlight the proper area using the DOM inspector, but IE just doesn't draw the entire panel.
Here's the code:
<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" runat="server" Transparency="10" Height="80px" Width="80px"> |
<div class="LoadingPanel"> |
<div class="center"> |
<asp:Label ID="LoadingPanelLoadingLabel" runat="server" Text="Loading..." /> |
</div> |
<div class="center"> |
<asp:Image ID="LoadingImage" runat="server" AlternateText="Loading..." ImageUrl="~/images/rotating.gif"/> |
</div> |
</div> |
</telerik:RadAjaxLoadingPanel> |
And here is a stylesheet snippet for the LoadingPanel:
.LoadingPanel |
{ |
background: transparent url(../images/loadingpanelbackground.gif) no-repeat scroll 0px 0px; |
height: 80px; |
width: 80px; |
padding-left: 12px; |
padding-top: 15px; |
margin-left:auto; |
margin-right:auto; |
} |
Thanks,
Tim