Rotator image has an extra sliver in IE8

2 posts, 0 answers
  1. lauren
    lauren avatar
    10 posts
    Member since:
    Oct 2007

    Posted 14 Sep 2010 Link to this post

    Hi, has anyone seen this? I have a rotator that is horizontally scrolling through 5 images. In IE8 only, after the first image, there's an extra couple-pixels-wide sliver on the right edge of each image that scrolls through. I can't tell if it's the left edge of the next image in the rotation. I've set the itemheight and itemwidth properties as suggested in a similar thread, in addition to height and width on the rotator and image, and I've played with setting itemwidth and width to narrower than the actual width of the images. Even at a narrower width, that sliver appears.

    Any suggestions? Again, this is IE8 only.

  2. Fiko
    Fiko avatar
    1406 posts

    Posted 17 Sep 2010 Link to this post

    Hi lauren,

    We are aware of such a behavior in IE browsers. It is caused by the filters, used in IE in order to animate elements and it is a know problem of such browsers (you can observe some of the side effects in the attached project to this Code Libarary. The project contains HTML elements only). Playing around with this behavior, we found that setting some margin around the images fixes the problem.  Please note that, you need to take into account the margin when you set the ItemWidth and Itemheight properties, based on the instructions provided in this help page.

    I hope this helps.

    Best wishes,
    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
Back to Top