Jump to content

Internet Explorer v10: Social Media Icons Not Resizing in Sidebar

Recommended Posts


Website URL: http://lessonslearntjournal.com

Framework Version: 2.4.4
WordPress Version: 3.5.1
Screenshots: attached: image001.png & Screen Shot 2013-07-01 at 12.00.28 AM.png



I have created a table to display my social media icons. Using Safari, the social media icons look fine (see Screen Shot 2013-07-01 at 12.00.28 AM.png) . However, using Internet Explorer v10, it appears the images for the icons aren't resizing (see image001.png).



I have used the TablePress plugin to create my table. An example of the code I have used for a social media icon in my table:


<a href="https://www.facebook.com/LessonsLearntJournal" target="_blank"><img src="http://lessonslearntjournal.com/wp-content/uploads/2013/02/facebook.png" width="40px"></a>
Is there extra code I should add to my CSS so that these social media icon images in IEv10 look as they do on Safari?

Share this post

Link to post
Share on other sites



It is well documented throughout this forum that Internet Explorer does not handle resizing or scaling very well, compared to other browsers.  For years I've been urging people to resize their images to the exact size they want it to appear.  While one browser may show a 100px x 100px image as 40px square, IE will not do that. So, if you want a 40px image somewhere, use your graphics editor, such as PhotoShop and resize there, then upload and replace any oversized images.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now