Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #20387

    The theme fails to resize images in IE and FF when you insert an image into a post and link it to itself (so that the gallery will take over and show it in a lightbox). You can reproduce this if you insert a wider image than the content area, and link it to itself.

    It works fine in Chrome, and also works if images aren’t linked to themselves.

    Can you fix this please?

    #107449

    Hi halasyt,

    Try the css I posted here: http://www.kriesi.at/support/topic/picture-size-pictures-are-squeezed-on-some-systems#post-95836

    If this needs to be added to Choices as well, we’ll include it in the next update.

    Regards,

    Devin

    #107450

    Hi, it worked for FF, but not IE.

    I tried capitalizing as you suggested in the article as well, but no cigar…

    Any other tips?

    Thanks!

    Tom

    #107451

    Hey Tom,

    Can we take a look at the site live? Then see what needs to be adjusted with IE.

    Regards,

    Devin

    #107452

    You can reproduce it on any live install of Choices, but here is a page:

    http://dev.theguitarlesson.com/2013/02/18/test/

    I just noticed that in category overview, it doesn’t happen:

    http://dev.theguitarlesson.com/category/uncategorized/

    #107453

    I think the issue is that the caching plugin you have active is preventing the wordpress code that attaches browser classes to the page to work. So instead of giving the IE version a MSIE9 or MSIE class, its just showing unknown.

    Try deviating wp-super-cache and then giving the page a few refreshes and see if that works.

    #107454

    The caching plugin was inactive, but I just deleted it totally, yet it’s still not working in IE.

    But as I said, you don’t need my installation for testing, this will happen on your own demo site as well.

    #107455

    We have no access to the demo site so we can’t test fixes on them.

    On my test install, the css works for IE9 and now that the site isn’t serving a cached version of itself the browser class is getting added into the html so the fix should take effect.

    It looks like you missed a bracket when adding in the css so only the firefox bit actually processing. What you have is:

    .firefox img, .firefox a img{
    width: 98%;

    .msie9 img, .msie9 a img{
    width: 98%;
    }

    It should be:

    .firefox img, .firefox a img{
    width: 98%;
    }
    .msie9 img, .msie9 a img{
    width: 98%;
    }

    As it is, the fix will be going out in the next update.

    Regards,

    Devin

    #107456

    Oh you’re right, it was that missing bracket, thanks for your patience!

    #107457

    Ohoh, a new bug has emerged, if you insert a smaller image than the div width, it gets enlarged in IE and FF. I guess the result of the 98% width property setting: http://dev.theguitarlesson.com/2013/02/18/test/

    #107458

    Hey!

    Try following code instead:

    .firefox img, .firefox a img{
    max-width: 98% !important;
    }
    .msie9 img, .msie9 a img{
    max-width: 98% !important;
    }

    Regards,

    Peter

    #107459

    Hi, now the original problem is back in FF and IE:

    http://dev.theguitarlesson.com/2013/02/18/test/

    #107460

    And I just noticed in IE8, images linked to themselves don’t appear at all. It appears for a split second, than it disappears.

    #107461

    Okay, this should be the final change. You’ll need to edit one of the theme files via FTP however. Open js>avia.js in the theme files and then search for this line:

    if(!a.css('position') || a.css('position') == 'static') { a.css({position:'relative', display:'inline-block'}); }

    It should be line 1137ish. Change it to:

    if(!a.css('position') || a.css('position') == 'static') { a.css({position:'relative', display:'block'}); }

    The issue is how IE and FF render max width inside an inline block (the link). You can remove the other css we’ve given as this should allow the proper max width to take effect.

    Regards,

    Devin

    #107462

    Great, this one worked, thanks for the support!

    Will you add this to the next update, so I don’t have to modify the file with each update?

    Best,

    Tom

    #107463

    Yep, now that we’ve finally found the root of it :)

    Regards,

    Devin

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

The topic ‘Image resize bug in IE and FF’ is closed to new replies.