Solved

ASP.NET - Favicon not displaying in IE9

Posted on 2012-04-12
5
1,042 Views
Last Modified: 2012-04-12
I developed an ASP.NET website.  I hosted it on the server.  When I run the website locally I can see the favicon.  When I access my server via URL it doesn't display in IE9.  Works in FF and Chrome though.  I created an index.html file and I can see the icon displayed in IE.

Any ideas how to resolve?

<code>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/ico" />
    <link rel="icon" href="images/favicon.ico" type="image/ico" />
</code>
0
Comment
Question by:CipherIS
  • 3
  • 2
5 Comments
 
LVL 7

Accepted Solution

by:
Lalit Chandra earned 500 total points
ID: 37838810
Use the following code in the <head> section of the my custom master page, directly below the meta content information:

 <link rel="SHORTCUT ICON" href="/PublishingImages/layout/favicon.ico" type="image/x-icon" />
It seems to work okay in IE. I think having the type="image/x-icon" is the key?

You may need to clear your cache initially,

Ref:
http://social.msdn.microsoft.com/Forums/nl-BE/sharepointcustomization/thread/9f81f991-d69b-4234-b019-ead0a97c9ff2
0
 
LVL 1

Author Comment

by:CipherIS
ID: 37839193
Did not work
0
 
LVL 1

Author Comment

by:CipherIS
ID: 37839200
Here is my code

<head runat="server">
    <title>My Web Page</title>

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

Open in new window

0
 
LVL 7

Expert Comment

by:Lalit Chandra
ID: 37839828
Try placing a ~ and set the link elements to runat=server

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


This also needs to be done in the <head> section of the page.
0
 
LVL 1

Author Closing Comment

by:CipherIS
ID: 37840019
cleared out cache seems to be working
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

685 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