http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff Support Forum - Topic: Image resize bug in IE and FF en-US Sun, 26 May 2013 03:16:05 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97824 Thu, 21 Feb 2013 14:18:14 +0000 Devin 97824@http://www.kriesi.at/support/ <p>Yep, now that we've finally found the root of it :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97709 Wed, 20 Feb 2013 19:12:26 +0000 halasyt 97709@http://www.kriesi.at/support/ <p>Great, this one worked, thanks for the support!<br /> Will you add this to the next update, so I don't have to modify the file with each update?<br /> Best,<br /> Tom </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97417 Tue, 19 Feb 2013 13:24:54 +0000 Devin 97417@http://www.kriesi.at/support/ <p>Okay, this should be the final change. You'll need to edit one of the theme files via FTP however. Open js&gt;avia.js in the theme files and then search for this line:<br /> <pre><code>if(!a.css(&#39;position&#39;) || a.css(&#39;position&#39;) == &#39;static&#39;) { a.css({position:&#39;relative&#39;, display:&#39;inline-block&#39;}); }</code></pre> <p>It should be line 1137ish. Change it to:<br /> <pre><code>if(!a.css(&#39;position&#39;) || a.css(&#39;position&#39;) == &#39;static&#39;) { a.css({position:&#39;relative&#39;, display:&#39;block&#39;}); }</code></pre> <p>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.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97412 Tue, 19 Feb 2013 12:39:56 +0000 halasyt 97412@http://www.kriesi.at/support/ <p>And I just noticed in IE8, images linked to themselves don't appear at all. It appears for a split second, than it disappears. </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97389 Tue, 19 Feb 2013 07:55:57 +0000 halasyt 97389@http://www.kriesi.at/support/ <p>Hi, now the original problem is back in FF and IE:<br /> <a href="http://dev.theguitarlesson.com/2013/02/18/test/" rel="nofollow">http://dev.theguitarlesson.com/2013/02/18/test/</a> </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97369 Tue, 19 Feb 2013 06:14:42 +0000 Dude 97369@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try following code instead:</p> <pre><code>.firefox img, .firefox a img{ max-width: 98% !important; } .msie9 img, .msie9 a img{ max-width: 98% !important; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97286 Mon, 18 Feb 2013 18:07:52 +0000 halasyt 97286@http://www.kriesi.at/support/ <p>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: <a href="http://dev.theguitarlesson.com/2013/02/18/test/" rel="nofollow">http://dev.theguitarlesson.com/2013/02/18/test/</a> </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97284 Mon, 18 Feb 2013 17:44:24 +0000 halasyt 97284@http://www.kriesi.at/support/ <p>Oh you're right, it was that missing bracket, thanks for your patience! </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97258 Mon, 18 Feb 2013 15:40:51 +0000 Devin 97258@http://www.kriesi.at/support/ <p>We have no access to the demo site so we can't test fixes on them. </p> <p>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.</p> <p>It looks like you missed a bracket when adding in the css so only the firefox bit actually processing. What you have is:<br /> <pre><code>.firefox img, .firefox a img{ width: 98%; .msie9 img, .msie9 a img{ width: 98%; }</code></pre> <p>It should be:<br /> <pre><code>.firefox img, .firefox a img{ width: 98%; } .msie9 img, .msie9 a img{ width: 98%; }</code></pre> <p>As it is, the fix will be going out in the next update.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97252 Mon, 18 Feb 2013 15:25:49 +0000 halasyt 97252@http://www.kriesi.at/support/ <p>The caching plugin was inactive, but I just deleted it totally, yet it's still not working in IE.<br /> But as I said, you don't need my installation for testing, this will happen on your own demo site as well. </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97229 Mon, 18 Feb 2013 13:50:48 +0000 Devin 97229@http://www.kriesi.at/support/ <p>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.</p> <p>Try deviating wp-super-cache and then giving the page a few refreshes and see if that works. </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97225 Mon, 18 Feb 2013 13:27:36 +0000 halasyt 97225@http://www.kriesi.at/support/ <p>You can reproduce it on any live install of Choices, but here is a page:<br /> <a href="http://dev.theguitarlesson.com/2013/02/18/test/" rel="nofollow">http://dev.theguitarlesson.com/2013/02/18/test/</a></p> <p>I just noticed that in category overview, it doesn't happen:<br /> <a href="http://dev.theguitarlesson.com/category/uncategorized/" rel="nofollow">http://dev.theguitarlesson.com/category/uncategorized/</a> </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97221 Mon, 18 Feb 2013 13:13:19 +0000 Devin 97221@http://www.kriesi.at/support/ <p>Hey Tom,</p> <p>Can we take a look at the site live? Then see what needs to be adjusted with IE.\</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-97131 Sun, 17 Feb 2013 18:20:57 +0000 halasyt 97131@http://www.kriesi.at/support/ <p>Hi, it worked for FF, but not IE.<br /> I tried capitalizing as you suggested in the article as well, but no cigar...<br /> Any other tips?<br /> Thanks!<br /> Tom </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-96928 Fri, 15 Feb 2013 13:19:11 +0000 Devin 96928@http://www.kriesi.at/support/ <p>Hi halasyt,</p> <p>Try the css I posted here: <a href="http://www.kriesi.at/support/topic/picture-size-pictures-are-squeezed-on-some-systems#post-95836" rel="nofollow">http://www.kriesi.at/support/topic/picture-size-pictures-are-squeezed-on-some-systems#post-95836</a></p> <p>If this needs to be added to Choices as well, we'll include it in the next update.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/image-resize-bug-in-ie-and-ff#post-96919 Fri, 15 Feb 2013 12:36:24 +0000 halasyt 96919@http://www.kriesi.at/support/ <p>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.</p> <p>It works fine in Chrome, and also works if images aren't linked to themselves.</p> <p>Can you fix this please? </p>