Grow your CSS skills. Land your dream job.

Anything Slider not working in IE 6 & 7, seems perfect in all other browsers.

  • # March 5, 2011 at 6:17 pm

    Hi,

    I’m having trouble getting the Anything Slider to work in IE on a website that I am currently developing. It seem to work fine in all other browsers. The site can be accessed here: http://www.tferesearch.com/build/

    I have validated the doc and the HTML and CSS seems fine so I assume this is a JS conflict. I have 2 different jquery sliders running, however removing the other one doesn’t seem to resolve the problem.

    Any help would be much appreciated.

    Naoise

    # March 9, 2011 at 11:42 pm

    Hi naoiseo!

    You have a trailing comma in your AnythingSlider options… it make IE6, 7 and probably 8 stab itself in the eye with a fork. Remove the comma and all will be good:

    The extra comma is after “resizeContents: false”

    $('#slider2').anythingSlider({
    autoPlay : true,
    startStopped : false,
    width : 820,
    height : 260,
    buildNavigation : false,
    resizeContents : false, // Remove this comma!
    })
    # March 13, 2011 at 11:27 pm

    Thanks a million Mottie! The simple problems are always the most annoying.

    # April 16, 2012 at 3:48 pm

    i’ve got a similar problem. i can view my slider in all browsers except IE 6,7, or 8. any suggestions on how to fix this issue?

    i’m getting a HUGE gap of white under the sliding image and the controls disconnected from the sliding section.

    any help would be greatly appreciated!

    http://www.palestiniancleftsociety.com

    # April 16, 2012 at 6:23 pm

    Hi uc_designs!

    There is an error with the masonry plugin… the file doesn’t exist:

    http://palestiniancleftsociety.com/wp-content/themes/PCS_Custom/js/jquery.masonry.min.js?ver=3.3.1

    Thus causing an error with the plugin is called which is most likely why IE stops running scripts.

    # May 3, 2012 at 10:33 am

    I am having a similar issue as uc_designs. I have a slider on our home page that looks great in Safar, Firefox, and Chrome, but not in IE. There is a huge amount of space (equal to the total number of slides if they were vertical, instead of in a slider) and the controls are at the bottom of that space. Help!!! The site is http://gapfamilycenter.org

    # May 3, 2012 at 12:32 pm

    Hi Joelc!

    It looks like that page needs a doc type. So at the very top of the page add the following:

    < !DOCTYPE html>
    # May 4, 2012 at 1:32 pm

    I added that, and when I did, it broke our Nav Bar (it didn’t load) so I deleted it since that is more important than any slider (which, by the way, works in some versions of IE, like the version on Vista works fine, but the version on XP and 7 don’t)

    # May 4, 2012 at 10:34 pm

    Every page needs a doc type in order for IE to not go into quirks mode. Basically it’s a fallback mode that even effects IE9 and disables a lot of IE7-9’s capabilities.

    You might want to also check out some of the other validation problems on that site: w3c validation service

    # October 2, 2012 at 2:32 pm

    I am having a problem with the slider in “The Builder” wordrpress theme. There are 2 different slider options..Piecemaker and Nivo. Piecemaker looks better but will not work in IE, Firefox or Safari. When i open them up there is a large gap in between the bottom of the slide and the content below

    # October 2, 2012 at 7:15 pm

    @smartbuilddesign This thread is actually in reference to the AnythingSlider plugin. I think it would be better if you started a new thread and shared the code you are using. It would be even better if you had a live demo to save the people trying to help you the work of starting from scratch.

    # December 30, 2012 at 10:40 am

    I have a slider issue in the denitto theme in IE. It works fine in Firefox. It worked perfectly fine in IE until sometime last night when i uploaded a new picture. I did an update on the wordpress theme however, the slider was working after I did that a couple of days ago. Any suggestions?

    # January 2, 2013 at 4:24 pm

    @mrswalterdeuce Sorry what exactly is the issue? Is something offset, not showing at all or is the slider breaking?

    # January 14, 2013 at 4:52 pm

    Hello, Thanks for all the help I’ve seen here, but I’ve tried the above solutions, and my slider is still not working on any of the IE versions. I don’t understand why. My site is http://www.milemarker.com. Any help would be greatly appreciated. Thanks.

    # January 14, 2013 at 6:14 pm

    Hi @ceez10!

    Well, it looks like you’re loading jQuery, prototype AND scriptaculous. You’ll need to set jQuery into [no conflict mode](http://api.jquery.com/jQuery.noConflict/), then use the variable you assign to jQuery for everything else. So it should look something like this:




Viewing 15 posts - 1 through 15 (of 31 total)

The topic ‘Anything Slider not working in IE 6 & 7, seems perfect in all other browsers.’ is closed to new replies.

*May or may not contain any actual "CSS" or "Tricks".