Member Avatar for greenglow

Hi,
The slider on the site below works fine in Chrome and FF but in IE is showing a scroll bar on the right and the images scroll vertically . Any help is appreciated.

http://www.alias-dev.com/gig

it's a coda slider http://www.ndoherty.com/demos/coda-slider/1.1.1/

  • 3 Contributors
  • 3 Replies
  • 114 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by greenglow

Dani AI

Generated

A few focused notes that help with IE-only slider problems and build on what , and found.

IE-specific scrollbar/vertical-shift symptoms are usually environmental, not the slider core. Common culprits: a JavaScript exception or duplicate library, a conflicting third-party script, IE running in quirks mode, or an element that does not have IE’s “hasLayout” triggered. The fact that removing a plugin cured the problem strongly points to a conflict (script order, duplicate jQuery, or a plugin touching sizing/overflow).

Quick troubleshooting checklist

  • Reproduce with a minimal page: only jQuery + the slider. If clean, reintroduce other plugins one at a time to find the conflict.
  • Open IE developer tools (F12) and check the Console for script errors and the DOM inspector for computed sizes.
  • Verify only one jQuery is loaded and that plugins initialize after jQuery and after DOM ready.
  • Ensure a standards-mode DOCTYPE so IE uses the expected box model.

Practical CSS/JS fixes to try

  • Make the slider wrapper conceal overflow and give it an explicit size and layout:
    .coda-slider-wrapper {
position: relative;
overflow: hidden;
width: 960px;     /* match your layout */
height: 300px;    /* match slide height */
zoom: 1;          /* triggers hasLayout in IE6/7 */
}
.coda-slider-wrapper img { display: block; }
  • If a plugin must stay, test updating it or wrapping its init in a try/catch. If a conflict persists, run the plugin on a separate page or replace it with a modern, maintained slider that handles IE quirks better.

These steps preserve the working slider while isolating the external cause that removed.

Recommended Answers

All 3 Replies

Member Avatar for dipak_passion

First of all your site in totally distroted in IE6, mainly IE6 doesn't support 24bit PNG image, and three boxes also sfifted down deu to improper width.

For scroller their is an script error in line no 3929. Plz check, other wise source code is fine.

Member Avatar for Troy III

Hi,
The slider on the site below works fine in Chrome and FF but in IE is showing a scroll bar on the right and the images scroll vertically . Any help is appreciated.

http://www.alias-dev.com/gig

it's a coda slider http://www.ndoherty.com/demos/coda-slider/1.1.1/

Sorry but the coda-slider 1.1.1 working perfectly on my Internet Explorer version 6.

After all, that slider code was invented by IE guys first.

Member Avatar for greenglow

Sorry but the coda-slider 1.1.1 working perfectly on my Internet Explorer version 6.

After all, that slider code was invented by IE guys first.

Thank you both. We fixed the problem. It was a plugin not playing nice with the others. We deleted it from the home page only and all seems well to launch.I can't explain the exact disagreement between the plugin and the page but I can live with that for now.
Thanks again.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.