SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Aug 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Favicon not showing in IE10

    Can someone update me as to which script I should use to ensure a favicon.ico file shows in all browsers? I have the favicon.ico in the public_html folder.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,103
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi Busydad. Welcome to the forums.

    There are some variations on it, but something like this should work fine:

    Code:
    <link rel="shortcut icon" href="/favicon.ico" />
    Sometimes you need to jog the browser to grab the favicon—especially if you visited the site before adding the favicon. Try hard refreshing the browser, and/or bookmarking the page.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,269
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Used to be, IE actually demanded you "favourite" the page before it would display a "favicon", but I can't imagine that's still the case with IE9 or 10.

    most browsers look in the root for something called "favicon.ico" whether you've got one there or not, the source of many ignored 404's. Putting in the url to your favicon should prevent that wasted GET, and so long as you have a valid path, you can put the favicon wherever you want. The rel="icon" would have been enough, but some versions of IE only look for "shortcut". meh.

  4. #4
    SitePoint Member
    Join Date
    Aug 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Favicon still not showing in IE

    Quote Originally Posted by Stomme poes View Post
    Used to be, IE actually demanded you "favourite" the page before it would display a "favicon", but I can't imagine that's still the case with IE9 or 10.

    most browsers look in the root for something called "favicon.ico" whether you've got one there or not, the source of many ignored 404's. Putting in the url to your favicon should prevent that wasted GET, and so long as you have a valid path, you can put the favicon wherever you want. The rel="icon" would have been enough, but some versions of IE only look for "shortcut". meh.
    Hi,

    Thanks for the support, but still no luck with IE. You can check the script on my website fence-pro.co.nz

  5. #5
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,014
    Mentioned
    187 Post(s)
    Tagged
    2 Thread(s)
    You have a favicon.ico file under the root, but it is a PNG image ~not~ an X-ICON image.

    My guess is IE is confused and so shows nothing.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,103
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Yes, if you are using .ico, it must be an actual .ico file. And note that you can't just change the file extension. There is an add-on for Photoshop that enables you to create a proper .ico file, and there are also some online generators out there.

    For proper browsers, you can just use a .png these days instead, but I'm not sure which (if any) versions of IE play ball with that.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •