WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
IE 8 Thumbnail Issues (12 posts)

  1. thedavidpearson
    Member
    Posted 1 year ago #

    When people are viewing my galleries on IE 8 the thumbnails all shrink their widths down really small. I tried recreating the thumbnails and nothing changed for IE 8.

    To see the screenshot look here

    http://fenceutah.com/wp-content/uploads/2012/08/image001.png

    To see the webpage(s) look here

    http://fenceutah.com/galleries

    Has this happened to anyone? I've looked at the Code and can't see anything out of place.

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. 785mack
    Member
    Posted 1 year ago #

    Me too! :-)

    Same exact problem

  3. adminda
    Member
    Posted 1 year ago #

    I have the same problem. I searched some of the support posts and came across this CSS fix:

    /* Fixing the NextGen Gallery icon width problem with IE8 */
    .ngg-gallery-thumbnail-box {
    float: left;
    /* next 2 are the Icon height and width */
    height: 200px;
    width: 200px;
    margin: 0px 5px 30px 15px;
    border: 0px solid #267026;
    }

    .ngg-gallery-thumbnail {
    /*float: left;*/
    margin-right: 5px;
    text-align: center;
    }

    That "seemed" to fix the problem for few days but now I get reports from users with IE8 that the problem is back...go figure!

    So does anyone have solution or should we look for another gallery?

  4. thedavidpearson
    Member
    Posted 1 year ago #

    Where would we put that CSS? In the plugin editor or the theme editor?

  5. 785mack
    Member
    Posted 1 year ago #

    @adminda: thanks -- odd it worked for awhile. I just tried it -- didn't work for me -- not sure how much to fiddle around with the settings since it looks PERFECT in FF! :-)

    @thedavidpearson: Your custom css file in theme editor.

  6. adminda
    Member
    Posted 1 year ago #

    I added it into the custom.css of the theme that I am using. Here is the link for the support post:

    http://wordpress.org/support/topic/plugin-nextgen-gallery-gallery-broken-in-internet-explorer?replies=18

  7. adminda
    Member
    Posted 1 year ago #

    Well at this point I am actively looking for a replacement gallery. Let me know of any suggestions.

  8. Austin Nichols
    Member
    Posted 1 year ago #

    @thedavidpearson This is not a plugin issue. Your css has img max-width set to 98%. You need to set the width as well in IE if you are going to use max-width. Such as...

    .ngg-gallery-thumbnail img {width:100%;}

  9. Austin Nichols
    Member
    Posted 1 year ago #

  10. thedavidpearson
    Member
    Posted 1 year ago #

    It worked. All I needed to do was add

    width:auto

    after ever instance of

    max-width:100%

    Thanks!

  11. 785mack
    Member
    Posted 1 year ago #

    thanks @thedavidpearson you inspired me to give it one more go and I got it to go!

    I used most of @adminda's code, put the 'auto' in the right place et voila...

    /* Fixing the NextGen Gallery icon width problem with IE8 */
    .ngg-gallery-thumbnail-box {
    float: left;
    /* next 2 are the Icon height and width */
    max-height: 175px;
    height: auto:
    max-width: 200px;
    width: auto;
    margin: 0px 5px 30px 5px;
    border: 0px solid #267026;
    }
    .ngg-gallery-thumbnail img {
    /*float: left;*/
    width: auto;
    text-align: center;
    }

  12. adminda
    Member
    Posted 1 year ago #

    I used the code and it fixed the icons. Thanks for everyone's contribution.

    However I additionally use "NextGen Gallery ColorBoxer" plugin and the actual photos themselves are not shown properly. So I have to investigate that further.

    On a separate note I wonder why NextGen Gallery folks are keeping quiet about this problem with IE8. More that half of my site's visitors are still using IE8 and I can not demand that they upgrade.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic