IE7 Rendering problem with fixed height and overflow:auto

Thread is closed for posting
2 posts, 1 answers
  1. Jeff
    Jeff avatar
    29 posts
    Member since:
    Nov 2006

    Posted 15 Aug 2008 Link to this post

    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

  2. Answer
    Yana
    Admin
    Yana avatar
    4795 posts

    Posted 18 Aug 2008 Link to this post

    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.
Back to Top