Background distorts on drag in Internet Explorer

2 posts, 0 answers
  1. jane
    jane avatar
    2 posts
    Member since:
    Nov 2007

    Posted 19 Apr 2008 Link to this post

    Hi there,

    Firstly, great job on ASP.NET AJAX Dock - it's great! I'm havinng some problems with my page in internet explorer (it works fine in Firefox). I have a gradient background on the page but when i drag a dock, the background 'shrinks' and won't go back. I've posted an example at

    Any ideas? It may be how I've implemented the back image but it's the only way I can get it to appear in all browsers.

    Any help would be appreciated!

  2. Sophy
    Sophy avatar
    636 posts

    Posted 21 Apr 2008 Link to this post

    Hello Jane,

    Thank you for the provided link.

    I examined the link to your sample page and noticed that the problem you experience is due to the margins you have set to the body element. What do you want to achieve by setting these margins? Having margins set to an element means that its child elements will be rendered at a distance the value of the corresponding margin from its parent's borders.

    If you want the div element holding the RadDockZones to be 100% of the body you should remove the margins set to the body element. I also recommend add the following style inside the head tags of your test page:

    <style type="text/css">  
        html, body, form  
            height: 100%;  
            width: 100%;  

    as well as set height to the div holding the zones as in your case it is expanded by the zones inside it.

    Please, let us know if you need further assistance.

    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top