Microsoft Hacks: I love them and hate them
favicon.ico and XMLHttpRequest both rock. They're these private little ditties that somebody made at Microsoft because it made their app more usable.But they help everybody else, too (to put it mildly). So we all adapted their use.
I changed the design of my private blog a few days ago, so today I changed my favicon.ico accordingly. After changing the icon to a .gif file (with the supporting link tag), then reverting it to .ico (256 color), then to a smaller .ico (16 color) I still could never get IE to display the new favicon. Oh, and here's today's changes in header.php (the same line, slightly tweaked, over and over and over):
+ <link rel="icon" type="image/gif" href="favicon.gif">
- <link rel="icon" type="image/gif" href="favicon.gif">
+ <link rel="icon" type="image/ico" href="favicon.ico">
- <link rel="icon" type="image/ico" href="favicon.ico">
+ <link rel="shortcut icon" href="<?php bloginfo('url'); ?>/favicon.ico" type="image/x-icon" />
With every change I made, FireFox did exactly what I expected. IE never did. Still hasn't. I give up. Oh, my fingers hurt from Ctrl+F5.
Comments
;)
Thanks for the wiki link . . . the step-by-step instructions on antifavcon promise results on "most browsers" . . . ha! I look forward to experiencing Carpal Ctrl+F5 sydrome. Here's what they say . . .:
For optimal browser support, the following rules should be obeyed:
* Include both element types:
link rel="shortcut icon" href="http://example.com/favicon.ico" /
link rel="icon" href="http://example.com/favicon.ico" /
* The link elements must be inside the head element (between head> and /head>) in the HTML.
* For XHTML, the link element must be empty (terminated by /> )