Jump to content


Photo
- - - - -

Internet Explorer v10: Social Media Icons Not Resizing in Sidebar


Best Answer Rob , 30 June 2013 - 03:28 PM

Hi,

 

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.

Go to the full post


  • Please log in to reply
1 reply to this topic

#1 plimmy

plimmy

    Newbie

  • Members
  • 2 posts
  • Country: Country Flag

Posted 30 June 2013 - 02:19 PM

Website URL:

Please Login or Register to see this Hidden Content

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

Details:

 

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="

Please Login or Register to see this Hidden Content

" 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?
 
Ta,
Pauline

Attached Files



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 June 2013 - 03:28 PM   Best Answer

Hi,

 

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.