WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
Amazing plugin, thank you! But problems with IE :( (7 posts)

  1. alpha_coop
    Member
    Posted 2 years ago #

    Hi, we are busy developing this WordPress site for a client, and we've used the Meteor slide plugin to create a lovely header. You can see it here:

    http://www.northernbearplc.com.testing.bear.vm.bytemark.co.uk/?page_id=6

    It looks great and works perfectly in Chrome, Firefox, on iphones and ipads... but doesn't show up at all in Internet Explorer! :( could you help us with this?

    http://wordpress.org/extend/plugins/meteor-slides/

  2. alpha_coop
    Member
    Posted 2 years ago #

    Oh I should have mentioned that we used Artisteer to create the basics of the theme we are using

  3. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    You're welcome, did you get this figured out, it is working fine for me in IE9.

  4. alpha_coop
    Member
    Posted 2 years ago #

    Hi, thanks so much for the reply! :)

    It is working perfectly in IE 9 now, just not in IE8 -- do you have any suggestions as to what we could do to fix this? We're really stumped as to why it's not working :/

  5. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    It's tough to testing things like this out in old browsers that don't have in inspector so you can't really see the elements.

    Since there are a few elements overlapping in the header, I'd suggest giving each a different background color so you can see how they are all placed in IE8, the slideshow might just be hidden behind something. This should be pretty easy to spot if the nav is red and the logo is green.

    There are a few things that I spotted that might be causing issues.

    One is this element that is being added after the header:

    .art-header:after {
        background-position: center center;
        background-repeat: no-repeat;
        content: " ";
        display: block;
        height: 300px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    I'm not sure what that is even for, but I can see how it might not layout properly in IE8.

    Also, there is a clear after the header:

    <div class="cleared reset-box"></div>

    But it has a table display, try removing this and seeing what happens:

    .reset-box {
        display: block;
        overflow: hidden;
    }
  6. alpha_coop
    Member
    Posted 2 years ago #

    tried that, no change :(

    why oh why does IE 8 even exist!? boo

  7. Josh Leuze
    Member
    Plugin Author

    Posted 2 years ago #

    You could try simplifying the header, temporarily remove the logo and navigation so just the slideshow is in the header. You might find that one of those other elements is causing this problem and then you can narrow it down.

    Also, you can use Firebug Lite in IE to take a closer look at it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic