We recently designed and developed a custom wordpress theme for a client’s website and were testing it in Internet Explorer 9. Then we noticed WordPress thumbnail images for the posts were not showing in this IE9 browser. Here is a screenshot of what the page looked like without the thumbnail images.
But the thumbnails showed up when we opened the page in Firefox or Google Chrome.
After some research and testing we found out the reason. It was the width and height attributes on the thumbnail images that were causing the problem. Unlike for Firefox or Chrome, you have to explicitly set the width and height attributes in the image the html/css code to correctly display the WordPress thumbnail images in Internet Explorer version 9 and earlier.
In our case the thumbnail images had div tags around them with a css class for them that was written like this:
.newsthumbnails {float:left; margin-right:10px; border:#fff196 solid 1px; line-height: 0; }
We added the width and height attributes to this thumbnail css class like this:
.newsthumbnails {float:left; margin-right:10px; border:#fff196 solid 1px; line-height: 0; width:80px; height:80px;}
This fixed the issue. Our custom WordPress theme started showing the thumbnails correctly on IE9 browser after that addition.
Where is the need to put this code? & gow to puy