Welcome to WebmasterWorld Guest from 54.167.102.69

Forum Moderators: open

Message Too Old, No Replies

favicon not showing in IE9

favicon not showing in internet explorer 9

     
1:58 pm on May 17, 2012 (gmt 0)

New User

joined:May 16, 2012
posts:16
votes: 0


Hoping someone can help - I have tried all of the conventional "fixes" to try and get my site's favicon to show in Internet Explorer 9.

Has anyone got a solution that works?

Thank you.
4:57 pm on May 17, 2012 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 2, 2003
posts: 948
votes: 4


Hi there handsome_tony,

and a warm welcome to these forums. ;)

Has anyone got a solution that works?

IE, I believe, only displays the favicon when uploaded to the server,
but without fuller information, it is impossible to say.

I can say, though, that this code works OK for me in IE9...

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">

birdbrain
3:54 am on May 18, 2012 (gmt 0)

Administrator from JP 

WebmasterWorld Administrator bill is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 12, 2000
posts: 14478
votes: 49


Welcome to WebmasterWorld handsome tony.

Another option is to link to the full path where your favicon is.

<link rel="shortcut icon" type="image/x-icon" href="http://example.com/images/favicon.ico">
5:34 am on May 18, 2012 (gmt 0)

Preferred Member

10+ Year Member Top Contributors Of The Month

joined:May 27, 2005
posts:428
votes: 3


Some browsers do not immediately update bookmark images when changed during a session. So try clearing cache and then restart your browser for any changes to appear.

The "link rel" code is not necessary for this to happen, but it is most useful for showing different icons for select pages.
7:00 am on May 18, 2012 (gmt 0)

New User

joined:May 16, 2012
posts:16
votes: 0


I solved the problem!

It turned out my favicon.ico was actually a png file (even though I renamed it, it needed to be converted from png to ico). I did so, then re-uploaded it to my site at almost every level (server, blog root, theme, images folder, etc.). I also included a higher resolution image for Safari. Now it shows in EVERY browser! I only had to use the code below in my header file:

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon" />


Thanks for the replies here, much appreciated.

I am glad to be a part of this forum!
7:42 am on May 18, 2012 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 2, 2003
posts: 948
votes: 4


No problem, you're very welcome. ;)
birdbrain