Results 1 to 2 of 2

Thread: Step Carousel and ie9 not working as should.

  1. #1
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Step Carousel and ie9 not working as should.

    1) Script Title: Step Carousel Viewer v1.9

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...epcarousel.htm

    3) Describe problem: stepto parameter in stepcarousel doesn't seem to be working in ie9 as intended. It is being used as a navigation system and in all other browsers its works fine however in ie9 you can only navigate between the 'home' slide and the last slide no matter which icons you press. The site in question is www.platform-marketing.com
    Any help would be GREATLY appreciated as I can't see why it isn't working.
    Thanks.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I'm a little surprised that there isn't a problem in other browsers. In the platform.css file we have:

    Code:
    .stepcarousel .content-box { float: left; overflow: hidden; margin:0 auto; height:702px; width:100% !important; }
    There is actually. If you resize the width of the window after it loads, things get screwy. Or if the window isn't wide enough, panel content is cut off with no way to scroll it into view. I kind of get that this style is required, otherwise there may be gaps between or a bleeding of the panels on the left as they change. But it's asking the browser to do more mind reading than it's capable of. In the Opera browser you get bleed anyway.

    But in IE 9 it takes this to a whole new level. My best suggestion for now with this script would be to force IE 8 standards for the page. Add this meta tag as shown:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
        <title>Platform : Sales Promotion, Events & Conferences, New Media & Web, Creative based in Barnet UK +44(0)2084499950</title>
          	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	    <meta name="description" content="" />
    	    <meta name="keywords" content="" />
    	    <meta http-equiv="Conten . . .
    But a longer term solution would be to find another script. Step Carousel isn't really intended for this. It's for a gallery that's all in view in a box in a certain spot on the page. Look for something designed to scroll a page or to scroll page content horizontally.

    Perhaps:

    http://tympanus.net/codrops/2010/06/...g-with-jquery/
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •