WordPress.org

1. thedavidpearson
   Member
   Posted 9 months 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 9 months ago #
   

   Me too! :-)

   Same exact problem

3. adminda
   Member
   Posted 9 months 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 9 months ago #
   

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

5. 785mack
   Member
   Posted 9 months 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 9 months 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 9 months ago #
   

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

8. FIQ
   Member
   Posted 9 months 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. FIQ
   Member
   Posted 9 months ago #
   

   http://stackoverflow.com/questions/1771176/ie8-non-compatibility-mode-image-with-max-width-and-heightauto

10. thedavidpearson
    Member
    Posted 9 months ago #
    

    It worked. All I needed to do was add

    width:auto

    after ever instance of

    max-width:100%

    Thanks!

11. 785mack
    Member
    Posted 9 months 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 9 months 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.

Reply

You must log in to post.