Hi,
I have a problem with RadRotator in IE7. Rotator is placed inside a table cell and the table (width:800px;height:450px) position is defined, so that it stays always in the middle of viewport using text-align:center and vertical-align:middle. When user resize the window then the rotator does not move (is not placed inside the table cell anymore) like it should and it falls out of its boundaries. See enclosed images. This works fine in IE8 and FF3. Can you tell me what I am doing wrong / is there any workaround for this behaviour?
Regards,
Pete
I have a problem with RadRotator in IE7. Rotator is placed inside a table cell and the table (width:800px;height:450px) position is defined, so that it stays always in the middle of viewport using text-align:center and vertical-align:middle. When user resize the window then the rotator does not move (is not placed inside the table cell anymore) like it should and it falls out of its boundaries. See enclosed images. This works fine in IE8 and FF3. Can you tell me what I am doing wrong / is there any workaround for this behaviour?
<asp:Content ID="cntNews" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> |
<table style="height:100%; width:100%" cellpadding="0" cellspacing="0" border="0"> |
<tr> |
<td style="background-image:url('Images/news2.png'); background-repeat:no-repeat; height:100%"> |
<table cellpadding="0" cellspacing="0" border="0" style="height:100%; width:100%"> |
<tr> |
<td style="height:80%"> |
<table cellpadding="0" cellspacing="0" border="1" style="width:100%; height:100%"> |
<tr> |
<td> |
|
</td> |
<td style="height:300px; width:250px; text-align:left; vertical-align:top;"> |
<telerik:RadRotator ID="rrNews" runat="server" DataSourceID="sdsNews" |
Height="300px" ItemHeight="300" Width="250px" ItemWidth="250" |
ScrollDirection="Right" RotatorType="FromCode"> |
<ItemTemplate> |
<div style="position:relative; top:0px; left:0px;"> |
<%# DataBinder.Eval(Container.DataItem, "Text")%> |
</div> |
</ItemTemplate> |
</telerik:RadRotator> |
</td> |
</tr> |
</table> |
</td> |
</tr> |
<tr> |
<td class="MenuBarContainer"> |
  |
</td> |
</tr> |
<tr> |
<td style="height:15%"> |
|
</td> |
</tr> |
</table> |
</td> |
</tr> |
</table> |
</asp:Content> |
Regards,
Pete