0 Replies Latest reply on May 30, 2013 9:33 PM by scottdubois

    Overflow X in Animate Div?

    scottdubois

      I'm building an animation that has a few screenshot images that overflow their container divs to scroll vertically:

       

      http://www.shoutscience.com/beta/

       

      It works great on Chrome and Safari, but Friefox and IE add clunky scrollbars that take up extra space. This causes an uneccesary horisontal scrollbar, which I managed to gray-out but not completely remove by setting the screenshot image width to 100%.

       

      I tried manipulating the CSS in Edge to add an "overflow-x: hidden" property to the container div, but it didn't seem to work. I don't know if I was entering it correctly as I'm just learning JS. Any ideas?

       

      Thanks!