This is a migrated thread and some comments may be shown as answers.
IE7 Rendering problem with fixed height and overflow:auto
1 Answer 34 Views
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 15 Aug 2008, 02:29 PM
Hi,

I am having a problem with the rendering of the rad upload control when it is placed in a div of a fixed height with the overflow:auto style applied.  The controls are being rendered outside of the fixed height div in the position they would be if the div was not restricted in its height.  You can take a look at the problem here.  Below is the code you can use to reproduce the problem.

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"
    <title></title
</head> 
<body> 
    <form id="form1" runat="server">     
    <asp:ScriptManager ID="ScriptManager1" runat="server"
    </asp:ScriptManager>     
    <div style="height: 150px; overflow:auto; border:solid 1px black;"
        <p> 
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut interdum. Curabitur odio. Vivamus tristique tempus pede. Nulla nulla nibh, porttitor eleifend, rhoncus vestibulum, placerat at, mauris. Maecenas elementum, metus rutrum vestibulum mollis, dui metus eleifend lorem, condimentum hendrerit nunc purus eget neque. Fusce dolor augue, viverra vitae, ultrices quis, condimentum vel, quam. Sed rhoncus justo vel dolor. Ut vestibulum arcu non libero! Quisque lectus augue, volutpat et, aliquam et, bibendum in, felis. Nunc velit justo, blandit vel, vulputate ut, aliquet non, augue. Quisque ut velit eu nisi pretium adipiscing. In ultrices aliquam velit. Phasellus quis neque vitae mauris condimentum rhoncus. Duis pede diam, eleifend sit amet, tempus convallis, sodales vitae, lectus! Aliquam lorem. Praesent vulputate, sapien at sagittis volutpat, tellus justo consectetuer enim, quis suscipit ipsum nisl a est. Nullam dui pede, aliquet vel, pretium eget; ornare ut, mauris. Proin nisi. In semper. 
        </p> 
        <telerik:radupload  
            id="RadUpload1"  
            runat="server"   
            InitialFileInputsCount="3" 
            EnableFileInputSkinning="false"/>        
    </div> 
    </form> 
</body> 
</html> 
 

It works fine in FF but not in IE7.  Is there a solution to this problem?

Thanks for your help,

Jeff

1 Answer, 1 is accepted

Sort by
0
Accepted
Yana
Telerik team
answered on 18 Aug 2008, 04:39 PM
Hello Jeff,

Please add the following css styles to your page:

<style type="text/css">  
    .RadUpload_[Skin] .ruFileWrap, .RadUpload_[Skin] .ruCheck{  
        positionstatic !important;  
    }  
</style> 

where [Skin] should be replaced with the name of the skin you use for RadUpload.

Kind regards,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Asked by
Jeff
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or