Support » Plugins and Hacks » NextGEN Gallery Optimizer » [Resolved] NextGEN Gallery thumbnails cut-off in IE8

[Resolved] NextGEN Gallery thumbnails cut-off in IE8

  • Plugin Author Mark Jeldi


    NextGEN Gallery thumbnails cut-off/squished/squashed in IE8

    I just received this support question via email, and thought I’d post my reply here in case it can help anyone with similar issues…

    I’ve actually come across this problem before in my own browser testing…it’s a css styling issue present in some themes. For example, I’ve found it occurs in IE8 exclusively when using the Twenty Eleven theme. It is caused when images inside the post content div are styled with a “max-width” attribute and given a percentage value. My guess would be that IE8 has a problem with percentage max-widths for images when no explicit width is set.

    I’ve just been testing your source code and can confirm this is indeed the issue. To fix, one minor css edit will be required in /wp-content/themes/origami/style.css…

    Please replace this…

    .content img {
    height: auto;
    max-width: 100%;

    With this…

    .content img {
    height: auto;

    Since the div/selector names will vary from theme to theme, the example above is for guidance only. I would recommend opening your own theme’s main stylesheet (usually at /wp-content/themes/your_theme/style.css) in a text editor, and using the “Find” tool, search through all instances of “max-width”. You can then either delete (or add width: auto; to) any instances related to post images.

    Hope this helps!



Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] NextGEN Gallery thumbnails cut-off in IE8’ is closed to new replies.
Skip to toolbar