Fix WordPress Post Thumbnail Images Not Showing in Internet Explorer 9 (IE9) Issue

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.
wordpress thumbnails ie9But the thumbnails showed up when we opened the page in Firefox or Google Chrome.
display wordpress thumbnailAfter 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.

Written by: Aksam Zarook
Aksam Zarook is a web designer, developer, online marketer and founder of Zeeron Solutions. With nearly 11 years of work and business experience he excels in web design, web development, graphic design and Internet marketing. He is also a family man with two adorable little kids and rides a motorbike.

Join Discussion Now!

One comment on “Fix WordPress Post Thumbnail Images Not Showing in Internet Explorer 9 (IE9) Issue

Leave a Reply