PDA

View Full Version : Step Carousel and ie9 not working as should.



dhobbs1978
07-12-2011, 10:08 AM
1) Script Title: Step Carousel Viewer v1.9

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.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.

jscheuer1
07-12-2011, 12:58 PM
I'm a little surprised that there isn't a problem in other browsers. In the platform.css file we have:


.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:


<!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/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/