Grow your CSS skills. Land your dream job.

AnythingSlider v1.8.6 and IE8

  • # October 22, 2012 at 5:47 pm

    Hi folks…hoping I’ve come to the right place.

    Just implemented AnythingSlider on my site last week, and of course, IE is giving me fits. Chrome and Firefox seem to be fine!

    IE9: Displaying the slides in a bulleted list with a scrollbar. Found a sugggestion in my travels that seems to fix this. I added a css style line in the header of my slider html:

    Question…what did this line do to cause the slider page to display properly?

    IE8: When the slider page loads, the last item in the list is displayed and the hyperlinks are grey and no directly clickable….strange. My page error shows this error:

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)

    Message: ’2′ is null or not an object
    Line: 680
    Char: 5
    Code: 0
    URI: http://www.site.org/slider/js/jquery.anythingslider.js

    SITE: http://www.virtueonline.org/portal/

    SLIDER PAGE: http://www.virtueonline.org/portal/content/center_slider.html

    My conclusion is that IE8 loads the slides into memory and gets stuck on the last slide and can’t continue to the top of the list. Possible? Thoughts on a fix?

    # October 23, 2012 at 9:20 am

    Hi turnerrw!

    It looks like the problem is that the HTML markup is missing closing tags. Older IE is very very picky about that.

    So, inside of each panel, the basic markup looks like this:

  • Title
    Text

  • The div and span both need closing tags, so the resulting markup should look like this:

  • Title
    Text

# October 23, 2012 at 9:38 am

Mottie – you’re a lifesaver; thank you very much. I had guessed that it was a syntax problem…didn’t realize it was so simple.!

Do you know why the #primary-navigation line fixed my IE9 problems?

#primary-navigation{ position:relative; z-index: 9999;}

Before adding this line, IE 9 showed the raw un-ordered list slides.

Thanks again for the fix on this. Love this product by the way.

# October 23, 2012 at 9:55 am

I think IE9 might have also had an issue with the missing closing tags.

Sorry, I have no idea why that line of css worked because I couldn’t find any element with an id of “primary-navigation”. Try removing that line and see if it reverts back.

And I’m glad you are enjoying the slider :)

# October 23, 2012 at 11:40 am

I took out that line and it’s still working correctly. I must have lost version control somewhere…

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

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