closed not a support question
halasyt
Member
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?
Devin
Moderator
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
halasyt
Member
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/
Devin
Moderator
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.
Devin
Moderator
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
halasyt
Member
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/
halasyt
Member
Hi, now the original problem is back in FF and IE:
http://dev.theguitarlesson.com/2013/02/18/test/
Devin
Moderator
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
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
