This is a migrated thread and some comments may be shown as answers.

RadRotator IE7 position issue

1 Answer 76 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Pete
Top achievements
Rank 1
Pete asked on 09 Feb 2010, 08:30 PM
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?

<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> 
                                &nbsp;  
                                </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">  
                        &nbsp  
                    </td> 
                </tr> 
                <tr> 
                    <td style="height:15%">  
                        &nbsp;  
                    </td> 
                </tr> 
            </table> 
        </td> 
    </tr> 
</table> 
</asp:Content> 

Regards,
Pete

1 Answer, 1 is accepted

Sort by
0
Fiko
Telerik team
answered on 12 Feb 2010, 04:15 PM
Hello Pete,

I used the provided code but I was not able to reproduce the problem on my side. Could you please rework my test project (attached to this thread) in order to replicate the issue, open a new support ticket and send it back? I will check it and do my best to provide a working solution as soon as possible.

Regards,
Fiko
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Rotator
Asked by
Pete
Top achievements
Rank 1
Answers by
Fiko
Telerik team
Share this question
or