favicon not displaying in FF or chrome

Posted on 2014-08-18
Last Modified: 2014-08-18
I am redesigning a website for a client, and the favicon does not display in firefox or chrome, but does  display in MSIE.
A current page of the new site is
the favicon is called favicon.ico, is located in the root, and there are also two lines of code to identify it:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>

Open in new window

Any ideas why this does not appear and how to get it to appear?

Thank you.
Question by:Lev Seltzer
    LVL 14

    Expert Comment

    by:Michael Dyer
    Your favicon should be a 16x16 .ico file.

    Place the icon in the root directory of your site.

    Link with:  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    LVL 58

    Expert Comment

    Was there a different favicon before - like all things it is cached.
    You don't need to specify the location as it will automatically be loaded from the root anyway.
    LVL 82

    Accepted Solution

    Firefox seems to keep changing their policy about displaying 'favicons' in the address bar.  They used to then they didn't then they did again and now it appears they're not.  There was an add-on for it but that won't help your customer because he's not going to be able to tell all his customers to add it on.

    Both Firefox and Chrome do display the favicons beside bookmarks.

    Author Closing Comment

    by:Lev Seltzer
    Thank you for clarifying the situation. The bookmarks in both FF & Chrome display the favicon perfectly, so we are dealing with a browser design feature and not a programming error on my part. I have let my client know that the favicon just won't show up.
    LVL 82

    Expert Comment

    by:Dave Baldwin
    You're welcome.  I would prefer that the favicon show in the address bar like it used to but  FF and Chrome have decided otherwise.  I just noticed that they are showing in the tab above the address bar.

    Featured Post

    What Security Threats Are You Missing?

    Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

    Join & Write a Comment

    This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now