[Résolu] Favicon.ico + IE 9 = Incompatible?

[Résolu] Favicon.ico + IE 9 = Incompatible? - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : [Résolu] Favicon.ico + IE 9 = Incompatible? (/thread-2703.html)

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 17/04/2013

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.7/8/9/10/11
#~ Url du site :
#~ Hébergeur / Soft : Apache
#~ Informations Système :
#~ Cms Version: 1.10.3
#~ Installed Modules:
#~ CMSMailer: 2.0.2
#~ FileManager: 1.2.0
#~ MenuManager: 1.7.7
#~ ModuleManager: 1.5.3
#~ News: 2.12.3
#~ Printing: 1.1.2
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.8.3
#~ MicroTiny: 1.1.1
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 300000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.3-7+squeeze15
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 0
#~ memory_limit: 128M
#~ max_execution_time: 60
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 10M
#~ upload_max_filesize: 10M
#~ session_save_path: /var/lib/php5 (1733)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: apache2handler
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.66
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour/Bonsoir, désolé pour le dérangement mais j'aimerais avoir une explication à mon problème :

J'essaye de modifier l'icône du site (le favicon.ico) et que ceci puisse se voir depuis IE 9 .... héhé ....

Cela marche pour Google Chrome et Mozilla mais pas pour IE (c'est le navigateur que la plupart des employés utilisent...).

Du coup , j'ai fait des recherches et je suis tombé sur cette conclusion :

Il faut rajouter la balise suivante dans le <head> du site :

Code :
[== HTML ==]

<link rel="shortcut icon" type="image/x-icon" href="IMAGE_ICONE" />

Et ce code est conseillé pour IE (Sur Commentcamarche -> Favicon - L'icône de votre site dans la barre d'adresse)

Mais j'ai essayé diverses choses : spécifier le chemin du favicon / vider le cache / déplacement de la balise dans le code : rien ne marche ! J'ai toujours la petit icône d'IE sur l'onglet ...

Donc voila ... qu'en pensez-vous? Si quelqu'un a rencontré ce soucis, je suis intéressé ! Big Grin

Je vous laisse le code du gabarit (ShadowMenu Tab + 2 columns) que j'utilise :

Code :
[== HTML ==]

{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}

  <head>

     <title>{sitename} - {title}</title> 

{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

 {metadata}

{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

 {cms_stylesheet}

{* This is how all the stylesheets attached to this template are linked to it *}

 {cms_selflink dir="start" rellink=1}

 {cms_selflink dir="prev" rellink=1}

 {cms_selflink dir="next" rellink=1}

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

{* Relational links for interconnections between pages, good for accessibility and Search Engine Optimization *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}

 {literal}

<script type="text/JavaScript">

<!--

//pass min and max - measured against window width

function P7_MinMaxW(a,b){

var nw="auto",w=document.documentElement.clientWidth;

if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;

}

//-->

</script>

    <!--[if lte IE 6]>

    <style type="text/css">

    #pagewrapper {width:expression(P7_MinMaxW(720,950));}

    #container {height: 1%;}

    </style>

    <![endif]-->

    {/literal}

{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Top menu + 2 columns" *}

    <!--[if lte IE 6]>

    <script type="text/javascript" src="modules/MenuManager/CSSMenu.js"></script>

    <![endif]--> 

{* The above JavaScript is required for CSSMenu to work in IE *}

  </head>

  <body>

    <div id="pagewrapper">

{* start accessibility skip links, anything with the class of accessibility is hidden with CSS from visual browsers *}

      <ul class="accessibility">

        <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>

        <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>

      </ul>

{* end accessibility skip links *}

      <hr class="accessibility" />

{* Horizontal ruler that is hidden for visual browsers by CSS *}

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "Layout: Top menu + 2 columns" *}

      <div id="header">

{* this holds the name of the site on the right side *}

       {* <h2 class="headright">{sitename}</h2>*}

{* a link back to home page and the header left image/logo, text is hidden using CSS *}

        <h1>{cms_selflink dir="start" text="$sitename"}</h1>        

        <hr class="accessibility" />

      </div>

{* End Header *}

{* Start Navigation, stylesheet "Navigation: ShadowMenu - Horizontal" *}

      <div id="menu_vert">

        <h2 class="accessibility">Navigation</h2>

        {menu loadprops=0 template='cssmenu_ulshadow.tpl'}

        <hr class="accessibility" />

      </div>

{* End Navigation *}

{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}

      <div id="search">

      {search}

      </div>

{* End Search *}

{* Start Breadcrumbs *}

      <div class="crbk">

{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">

        {breadcrumbs langtext="fr_FR" starttext='Vous êtes ici' root='Home' delimiter='&raquo;'}

          <hr class="accessibility" />

        </div>

      </div>

{* End Breadcrumbs *}

{* Start Content *}

      <div id="content">

{* Start Sidebar *}

        {*<div id="sidebar"> *}

        {*  <div id="sidebarb"> *}

        {*  {content block='Sidebar'} *}

{* Start News, stylesheet  "Module: News" *}

            {*<div id="news"> *}

             {* <h2>News</h2> *}

            {*  {news number='3' detailpage='news'}

            {*</div> *}

{* End News *}

         {* </div>*}

       {* </div>*}

{* End Sidebar *}

{* Start Content Area, the back1, back2, back3, hold the 3 outside images, main holds the 4th one, to make the box complete, if the template were fixed width not fluid we could use just 2 divs and 2 images, 1 top 1 bottom *}

        <div class="back1">

          <div class="back2">

            <div class="back3">

              <div id="main">

                <div style="float: right;">{print showbutton=true script=true}</div>

                <h2>{title}</h2>

                {content}

                <br />{* to insure space below content *}

{* Start relational links *}

{* note this is the right side, when you float: divs you need to have float: right; divs first *}

            {*<div class="right49">*}

              {*<p>{anchor anchor='main' text='^ Top'}</p>*}

           {* </div>*}

           {* <div class="left49">*}

              {*<p> {cms_selflink dir="previous" label="Previous page: "}*}

{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}

             {* <br />*}

              {*{cms_selflink dir="next"}*}

             {* </p>*}

           {* </div>*}

{* End relational links *}

                <hr class="accessibility" />

                <div class="clear"></div>

              </div>

            </div>

          </div>

        </div>

{* End Content Area *}

      </div>

{* End Content *}

{* Start Footer. Edit the footer in the Global Content Block called "footer" *}

      <div class="footback">

        <div id="footer">

{* stylesheet  "Navigation: FatFootMenu" *}

          {*<div id="fooleft">*}

         {* {menu loadprops=0}*}

          {*</div>*}

          <div id="footrt">

          {global_content name='footer'}

          </div>

          <div class="clear"></div>

        </div>

      </div>

{* End Footer *}

    </div>

{* end pagewrapper *}

  </body>

</html>

[Résolu] Favicon.ico + IE 9 = Incompatible? - jce76350 - 17/04/2013

Citation :Cms Version: 1.10.3

le support n'existe plus pour une aussi vieille version
voir et faire la mise à jour
Attention sont supportées uniquement les versions 1.11.4 et 1.11.5 sur le forum

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 17/04/2013

Ah bah mince .... Parce que je ne peux pas faire une MAJ du CMS car ce n'est pas le mien (je suis stagiaire) donc la personne qui s'occupe de ce CMS m'a dit qu'il le mettrait à jour mais il est assez occupé .... :|

Si ça vous pose tant problèmes, vous pouvez verrouiller mon sujet voir le supprimer : il n'y a aucune soucis !

[Résolu] Favicon.ico + IE 9 = Incompatible? - bess - 17/04/2013

laissons le ouvert et attendons ton retour Wink

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 17/04/2013

bess a écrit :laissons le ouvert et attendons ton retour

Ok merci!

Je viens de discuter à l'instant avec cette personne, il m'a dit que tous les serveurs (des Debians) ne peuvent pas se mettre à jour automatiquement sur certains logiciels (notamment CMS) et donc, on doit les mettre à jour à la main une par une ...

Je reviendrai une fois le problème réglée !

[Résolu] Favicon.ico + IE 9 = Incompatible? - jce76350 - 17/04/2013

Bizzare ton histoire de favicon sous IE 9 c'est standard sur les navigateurs (même le IE qui est pas comme les autres)
<link rel="shortcut icon" href="favicon.ico" />

Voir
http://msdn.microsoft.com/fr-fr/library/ie/gg491740(v=vs.85).aspx

Nota IE est non recommandé en Admin avec CMSms

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 18/04/2013

Oui ça a l'air tout bête jce76350 mais, avec ou sans le type="image/x-icon" dans la balise, ça ne change rien ... Je l'ai placé au tout début de la balise <head>, ça ne change rien non plus ...

Pourtant je vide le cache du CMS et de IE à chaque modification mais il ne tient pas en compte !

J'ai essayé de le placer dans le config.php mais ça modifiait trop la page donc j'ai laissé tombé ....

Pourtant le head est bien présent dans le gabarit que j'utilise, j'suis pas fou :o !

Peut-être en faisant une MAJ du CMS, ça réglera le problème (et encore, ça m'étonnerait pour un détail comme ça) mais j'ai peur que mon travail que je fais depuis quasiment 1 mois et demi ait des problèmes après cette MAJ.

[Résolu] Favicon.ico + IE 9 = Incompatible? - bess - 18/04/2013

test au plus simple : une page html pure html, que tu renseigne avec tes balises html classiques et tu tests sous FF et sous IE

ton favicon apparait elle ?

[Résolu] Favicon.ico + IE 9 = Incompatible? - jce76350 - 18/04/2013

- une mise à jour ne changera rien
- que dis le walidateur W3c http://validator.w3.org
- enlève de ton code de gabarit ce : "<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >"
- vérifie le code dans les paramètres globaux

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 18/04/2013

bess a écrit :test au plus simple : une page html pure html, que tu renseigne avec tes balises html classiques et tu tests sous FF et sous IE

ton favicon apparait elle ?

Grosse blague.. je n'y arrive même pas ! Que ce soit sous Google Chrome ou IE 9 ... J'ai mis mon favicon.ico (qui est pourtant fonctionnel sous Firefox et Google Chrome quand j'avais remplacé directement l'icône de base sous CMS) mais j'ai la feuille blanche dans l'onglet...

Pourtant mon code ne peut pas être plus basique !

Code :
[== HTML ==]

<html>

<head>

<link rel="shortcut icon" href="favicon.ico" />

</head>

<body>

Ceci est un test !

</body>

 </html>

Le favicon.ico se situe au même endroit que la page HTML.

jce76350 a écrit :- que dis le walidateur W3c http://validator.w3.org
- enlève de ton code de gabarit ce : "<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >"
- vérifie le code dans les paramètres globaux

- Je ne peux pas utiliser votre adresse car le site sur celui que je travaille est un site intranet
- J'ai besoin de cette balise pour éviter d'avoir des affichages "bizarre" (notamment les tableaux que j'utilise) sur IE mais déjà, si je n'arrive pas à utiliser le favicon sur une page toute simple .... :/
- Je ne trouve aucun moyen de vérification pour mon code sur cet onglet

[Résolu] Favicon.ico + IE 9 = Incompatible? - bess - 18/04/2013

la taille de ton image favicon est elle bien de 16*16 ? je lis à droite à et gauche une limitation à ce sujet

http://www.developpez.net/forums/d1076464/webmasters-developpement-web/html-dhtml-xhtml/probleme-favicon-ie/

Il y a également la possibilité que ton favicon soit corrompu, regénère le avec ce site : http://www.xiconeditor.com/

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 18/04/2013

bess a écrit :la taille de ton image favicon est elle bien de 16*16 ? je lis à droite à et gauche une limitation à ce sujet

http://www.developpez.net/forums/d1076464/webmasters-developpement-web/html-dhtml-xhtml/probleme-favicon-ie/

Il y a également la possibilité que ton favicon soit corrompu, regénère le avec ce site : http://www.xiconeditor.com/

Oui mon image est bien en 16 x 16 et pour la régénération du favicon, j'ai des petit soucis internet (déjà que j'ai mis 20 minutes pour répondre!), je vous laisserez des nouvelles dès que j'arriverai à accéder à ce lien !

EDIT : J'ai installé Mozilla et ça marche sans problème dessus.
Depuis le site xiconeditor, j'ai créé une nouvelle icône et ça ne marche toujours pas sur Google Chrome et IE, même avec la balise proposée par le site .... Sad

[Résolu] Favicon.ico + IE 9 = Incompatible? - jce76350 - 18/04/2013

Citation :EDIT : J'ai installé Mozilla et ça marche sans problème dessus

Donc c'est bon ce navigateur respecte les standards

Nota perso
Google Chrome à déconseillé car "bonjours le respect de la vie privée" utiliser son homologue respectueux -> SRWare Iron

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 18/04/2013

C'est surtout pour IE 9 que j'aimerai que ça marche car Google Chrome, je l'utilise seulement pour administrer mon CMS ou autres donc ce n'est pas du tout important (vu que tous les employés utilisent IE).

[Résolu] Favicon.ico + IE 9 = Incompatible? - bess - 18/04/2013

puis je te conseiller de tester le même code avec un IE chez toi, en dehors du cadre de ton entreprise ? on ne peux exclure une configuration de windows, du pare feu, du proxy ou de l'anti-virus qui influerait sur IE...

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 18/04/2013

bess a écrit :puis je te conseiller de tester le même code avec un IE chez toi, en dehors du cadre de ton entreprise ? on ne peux exclure une configuration de windows, du pare feu, du proxy ou de l'anti-virus qui influerait sur IE...

D'accord ! Après le boulot, j’essayerais vite fait chez moi !

Et sinon j'ai oublié de vous dire : merci infiniment pour l'attention que vous portez à mon "petit problème" ! :lol:

[Résolu] Favicon.ico + IE 9 = Incompatible? - Ouik - 19/04/2013

jce76350 a écrit :Bizzare ton histoire de favicon sous IE 9 c'est standard sur les navigateurs (même le IE qui est pas comme les autres)

Nope, c'est pas standard du tout ! Un très bon article (en anglais) qui fait le tour de la question : http://www.jonathantneal.com/blog/understand-the-favicon/

[Résolu] Favicon.ico + IE 9 = Incompatible? - jce76350 - 19/04/2013

Citation :Nope, c'est pas standard du tout

je parlais bien de 'favicon.ico" et non d'autres formats du favicon

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 25/04/2013

Excusez moi pour cette réponse tardive mais entre ma petite tête et quelques empêchements, j'avais un peu lâché le problème...

Du coup, je me suis re-penché sur ce problème et j'ai lu l'article de Ouik qui m'a bien été utile : en effet, le favicon s'affiche correctement sur IE depuis une page HTML quelconque sur mon serveur Wamp : il suffisait d'utiliser un format 32 x 32 pour que ça puisse marcher sur IE!
Voici le code que j'ai utilisé :

Code :
[== HTML ==]

<html>

<head>

<!-- I "support" IE -->

<script>

navigator.appName == "Microsoft Internet Explorer" && (function (i, d, s, l) {

   i.src = "favicon.ico";

   s = d.getElementsByTagName("script")[0];

   l = s.parentNode.insertBefore(d.createElement("link"), s);

   l.rel = "shortcut icon";

   l.href = i.src;

})(new Image, document);

</script>

</head>

 </html>

Après un vidage du cache et un re-lancement du navigateur, l'icône s'affiche correctement.

Cependant, le CMS digère beaucoup moins ce bout de code ... quand je l’insère dans la balise head du gabarit que j'utilise, j'ai un message d'erreur qui s'affichage sur ma page :

Citation :string(288) "Smarty error: [in tpl_head:20 line 3]: syntax error: unrecognized tag: i.src = "favicon.ico"; s = d.getElementsByTagName("script")[0]; l = s.parentNode.insertBefore(d.createElement("link"), s); l.rel = "shortcut icon"; l.href = i.src; (Smarty_Compiler.class.php, line 446)" string(110) "Smarty error: [in tpl_head:20 line 3]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"

Bizarrement, je fais un F5 et ce message disparaît (il n'apparaît qu'une fois .... ce troll !)

Tout ça pour dire : ça marche sur une page HTML classique mais pas sur le CMS ... ce message d'erreur me reste perplexe ^^

[Résolu] Favicon.ico + IE 9 = Incompatible? - bess - 25/04/2013

Il ne devrait pas

le javascript dans le gabarit de cmsmadesimple doit toujours être entre balise {literal}{/literal} pour que smarty ne tente pas d'interpréter les accolades { et } qu'il trouve

bref tout ça pour dire que ca marchera aussi sous cmsms Smile

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 25/04/2013

Ah ok, c'est donc pour ça !

Du coup, j'ai placé mon code entre ces balises, j'ai vidé le cache du CMS, de IE, je relance IE : je n'ai plus le message d'erreur mais le favicon ne s'affiche toujours pas ... NNNooonn! J'y ai cru ! :lol:

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 29/04/2013

Désolé pour le double mais après de nombreux essai, je n'arrive toujours pas à changer cette icône sous Internet Explorer...

Donc si des personnes ont des idées ou s'ils veulent tester mon code dans leur CMS, j'attendrai avec impatience vos avis

Code dans le gabarit que j'ai placé dans la balise head :

Code :
[== HTML ==]

{literal}

<!-- I "support" IE -->

<script>

navigator.appName == "Microsoft Internet Explorer" && (function (i, d, s, l) {

   i.src = "/favicon.ico";

   s = d.getElementsByTagName("script")[0];

   l = s.parentNode.insertBefore(d.createElement("link"), s);

   l.rel = "shortcut icon";

   l.href = i.src;

})(new Image, document);

</script>

{/literal}

[Résolu] Favicon.ico + IE 9 = Incompatible? - Jean le Chauve - 29/04/2013

Il semble que

Code :
[== Indéfini ==]

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

devrait être suffisant pour que ta favicon s'affiche : il suffit d'aller chez Microsoft et regarder leur code source :
<link rel="shortcut icon" href="http://res1.windows.microsoft.com/resources/4.0/wol/shared/images/favicon.ico"></link>
Il faut peut-être regarder du côté de ton OS, il semblerait que c'est la version IE9 de windows7 64bits qui plante à ce niveau : http://answers.microsoft.com/en-us/ie/forum/ie9-windows_7/almost-no-favicons-showing-in-ie9/9d962198-0d63-e011-8dfc-68b599b31bf5
Essaye en réinitialisant IE comme indiqué dans le lien : http://windows.microsoft.com/en-US/windows7/Reset-Internet-Explorer-settings-in-Internet-Explorer-9
Et ne mets pas de slash avant le chemin de l'image, favicon.ico et pas /favicon.ico comme montré dans ce post : http://www.cmsmadesimple.fr/forum/viewtopic.php?id=4443 sinon cela ne fonctionnera pas après ton upgrade.

[Résolu] Favicon.ico + IE 9 = Incompatible? - jissey - 29/04/2013

bonjour,
pour faire apparaitre un nouveau favicon sous IE, il ne suffit pas de vider le cache. Il faut aussi effacer le domaine de l'historique et le supprimer des favoris s'il y en a.
C'est ce que je fais chez moi en tout cas, et ça marche quand tout le reste est bon (taille du .ico et balise html).

[Résolu] Favicon.ico + IE 9 = Incompatible? - DarkVlad - 29/04/2013

jissey a écrit :bonjour,
pour faire apparaitre un nouveau favicon sous IE, il ne suffit pas de vider le cache. Il faut aussi effacer le domaine de l'historique et le supprimer des favoris s'il y en a.
C'est ce que je fais chez moi en tout cas, et ça marche quand tout le reste est bon (taille du .ico et balise html).

*Ouvre Internet Explorer*
*Ctrl+Maj+Suppr = Supprimer l'historique de naviguation*
*Supprime le site des ces favoris*
*Coche tout sauf le dernier = Données de protection*
*Valide*
*Ré-ouvre Internet Explorer*
*Consulte son site et observe que le favicon ... fonctionne*

.... :| .......... :| ......... :lol:

Faut croire que tout ça est dû aux favoris!! (alors que je croyais que je l'avais enlevé mais bon .... c'es tout moi ça !)

En tout cas merci pour votre soutien et vos réponses rapides Smile

Je place le [Résolu] sur le titre comme promis.