Trouble with MooTools / SlidingTabs in IE6
Enthusiast
Location: Seattle, WA
Posted: Wed, 2008-05-21 21:59
I'm working with someone else's code, and after making some updates, things got weird in IE6. (IE7 and Firefox are fine.) Here's the page I'm working on - (I cleaned out many of the extraneous elements):
http://comps.widemile.com/widemile/kk/slides.html
The problem is with the Quick Tips inside the orange box. (Ignore the food pictures and OL below the orange box - I just couldn't get rid of those without causing a JS error.) There are 4 tips in the orange box, and the visitor should be able to scroll through them by clicking on the triangles. But in IE6, all tips are displayed at once; it's as if the size of the box isn't getting set by the JavaScript libraries.
This whole effect is created using MooTools and SlidingTabs... somehow. (I'm not familiar with either of them.) But if I remove the scripts (lines 12 - 14 in slides.html), then the page renders correctly in IE6. I have discovered that removing the "this.innerSlidesBox.setStyle" group of code (lines 60 - 62 in slidingTabs.js), then the page renders OK, but the scrolling action appears
vertically, not horizontally like it should.
I'd greatly appreciate any advice. Thanks!
Blog: Pew Pew Laser Blog
Free Web Icons: IconBuffet
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
I'd look for another sliding
Posted: Wed, 2008-05-21 22:20
I'd look for another sliding script because the author's example doesn't work correctly in IE6 either: http://creativepony.com/demos/sliding-tabs/
How to get help
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 308
Joined: 2006-08-06
Location: Seattle, WA
I hear ya.
Posted: Thu, 2008-05-22 17:58
Yeah, I'd checked out the SlideTabs site too and saw it didn't support IE6. But our previous implementation of the page (represented at http://comps.widemile.com/widemile/kk/slides-orig.html) worked fine in IE6. It's the same HTML, same JS, different CSS. I just wish I could figure out which of the CSS changes have caused the problem.
Also, has anyone else used a different sliding tabs library that they could recommend?
Blog: Pew Pew Laser Blog
Free Web Icons: IconBuffet