XHTML ne s'affiche pas dans IE6, 7, 8 ou FF3.5.1 - mais ok dans Firefox 3.0.1

J'ai un fichier XML qui fait référence à un fichier XSL (comme vous le faites) qui jusqu'à récemment a généré une sortie HTML parfaitement acceptable, quel que soit du navigateur.XHTML ne s'affiche pas dans IE6, 7, 8 ou FF3.5.1 - mais ok dans Firefox 3.0.1

Une nouvelle exigence est venue d'en haut pour la sortie XHTML pour la compatibilité avec un autre produit. Ok, bien - J'ai retravaillé ma feuille de style pour produire du XHTML (validé W3C).

Auparavant, j'ouvrais mon fichier XML et visualisais la sortie transformée dans IE et FF. Maintenant, j'ai toutes sortes de problèmes. Les modes IE6, 8 et 8-IE7 affichent une page complètement vierge. Firefox 3.5.1 n'affiche que les nœuds de texte, complètement dépourvus de formatage. Firefox 3.0.1 affiche la page (presque) normalement - à part une bordure blanche autour de la page et le JavaScript ne fonctionne pas.

Quelqu'un sait pourquoi? Voici le début du fichier de sortie XHTML:

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC 
      "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:ftid="http://www.boeing.com/FTID-ML" 
     xmlns:rev="http://www.boeing.com/FTID-ML/Revision" 
     xmlns:xlink="http://www.w3.org/1999/xlink">

Source

2009-07-21 Scott Baker

Le problème, croyez-le ou non, était mon élément de titre.

<title />

ne fonctionne pas. IE panique, perd son petit esprit et n'affiche rien.

<title> </title>

résolu le problème. Informations complémentaires: IE se débrouille très bien avec la déclaration XML en haut ...

Source

2009-07-21 23:23:40

Oui, cela a du sens. Votre XHTML est traité au format HTML où signifie la même chose que <title>. Donc tout ce qui est après <title /> est traité comme faisant partie du titre de la page.Ceci s'applique à tous les éléments auto-fermés, vous devez donc vous assurer que seuls les éléments vides, par ex. meta, br, input hr etc sont auto-fermés dans la sortie de la feuille de style. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/42585/">Alohci</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Voir aussi: http://stackoverflow.com/questions/637268/is-ie-the-only-web-browser-that-requires-script-script-and-hates-script et http: // webkit.org/blog/68/understanding-html-xml-and-xhtml/ – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/17964/">eyelidlessness</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">En ce qui concerne la déclaration XML, ce n'est pas que IE ne peut pas lire le document avec elle, c'est qu'il va afficher en mode Quirks, ce qui est plus ou moins le moteur IE 5.5. Cela signifie que votre CSS et tel sera * faux *. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/17964/">eyelidlessness</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">2<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Avoir la déclaration XML au-dessus des forces DOCTYPE IE6 en mode quirks, donc cela explique pourquoi il ne fonctionne pas correctement dans IE6. Je ne peux pas parler pour les autres navigateurs. Cela pourrait nous aider à nous montrer plus de code.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/1161630">Source</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2009-07-21 20:41:30</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/115481/">jimyi</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Alors ... cela n'invalide-t-il pas le XHTML? – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Oui. Malheureusement, la déclaration XML est facultative. Qu'arrive-t-il au rendu de la page lorsque vous ne l'incluez pas? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/115481/">jimyi</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Rien. Toujours le même résultat. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Vérifiez que vous signalez le type de contenu correct dans la réponse HTTP. Devrait être <code class="prettyprint-override">application/xhtml+xml</code></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/1161645">Source</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2009-07-21 20:43:36</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/10026/">ykaganovich</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Comment contrôler cela? Je ne regarde que les fichiers XML sur le disque dur local, pas via un serveur. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">hmm en y réfléchissant, je ne suis pas sûr que ce soit correct si vous générez xhtml du côté client. Mais je suppose qu'une chose à essayer est de pré-générer le XHTML et de voir si cela fait une différence pour le rendu. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/10026/">ykaganovich</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Est-ce que - pas de chance. J'ai essayé de renommer le fichier avec diverses extensions (xml, xhtml, html) et n'ai obtenu nulle part. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <ul> <li>Vérifiez que votre ligne javascript/css est dans un bloc CDATA (et non « commenté »)</li> <li>bordure blanche page: XHTML ne traite pas l'élément « html » différemment. Vous devez définir <code class="prettyprint-override">html { background-color: #f5f5f5; }</code>, et non <code class="prettyprint-override">body { background-color:#f5f5f5; }</code></li> <li>vérifiez votre type de contenu. plus âgés ne prennent pas en charge IEs <code class="prettyprint-override">application/xhtml+xml</code> du tout, mais veulent <code class="prettyprint-override">text/html</code></li> </ul> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/1161665">Source</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2009-07-21 20:49:41</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/141631/">hhaamu</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Type de contenu? comment puis-je contrôler cela? – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Dans ce cas, il s'agit d'un paramètre de serveur. Si vous testez des fichiers localement, ce n'est pas le problème. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048548"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Dernière question </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://fr.uwenku.com/question/p-ngtvaywt-br.html" target="_blank" title="Javascript insérer des données dans le tableau HTML"> Javascript insérer des données dans le tableau HTML </a> </li> <li class="side_article_list_item"> 2. <a href="http://fr.uwenku.com/question/p-zqjlrakb-bs.html" target="_blank" title="Quelle est la meilleure façon d'aligner à gauche les boutons radio les uns sur les autres?"> Quelle est la meilleure façon d'aligner à gauche les boutons radio les uns sur les autres? </a> </li> <li class="side_article_list_item"> 3. <a href="http://fr.uwenku.com/question/p-tqyvocjb-bw.html" target="_blank" title="Compilation debug = true - changer sans recompiler?"> Compilation debug = true - changer sans recompiler? </a> </li> <li class="side_article_list_item"> 4. <a href="http://fr.uwenku.com/question/p-frpzpgqp-bv.html" target="_blank" title="Comment implémenter l'achèvement de la tâche"> Comment implémenter l'achèvement de la tâche </a> </li> <li class="side_article_list_item"> 5. <a href="http://fr.uwenku.com/question/p-xjzlbzwi-bu.html" target="_blank" title="Hashtable même clé avec une valeur différente ....?"> Hashtable même clé avec une valeur différente ....? </a> </li> <li class="side_article_list_item"> 6. <a href="http://fr.uwenku.com/question/p-ewfocpli-bt.html" target="_blank" title="Comment contrôler la paresse exemple de double chaque élément de la liste"> Comment contrôler la paresse exemple de double chaque élément de la liste </a> </li> <li class="side_article_list_item"> 7. <a href="http://fr.uwenku.com/question/p-baxdeyss-bs.html" target="_blank" title="NSDate et double problème de précision"> NSDate et double problème de précision </a> </li> <li class="side_article_list_item"> 8. <a href="http://fr.uwenku.com/question/p-zvtducbu-bk.html" target="_blank" title="Comment déclencher l'événement de recherche par saisie semi-automatique"> Comment déclencher l'événement de recherche par saisie semi-automatique </a> </li> <li class="side_article_list_item"> 9. <a href="http://fr.uwenku.com/question/p-hzhovlrf-bk.html" target="_blank" title="Comment faire pour faire défiler une image d'arrière-plan div?"> Comment faire pour faire défiler une image d'arrière-plan div? </a> </li> <li class="side_article_list_item"> 10. <a href="http://fr.uwenku.com/question/p-ficjrdvu-bp.html" target="_blank" title="Symbian - L'application s60 version 5 fonctionne-t-elle sur la version s60 1"> Symbian - L'application s60 version 5 fonctionne-t-elle sur la version s60 1 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Questions connexes</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Aucun problème connexe^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://fr.uwenku.com/contact">Nous contacter</a></li> <li>© 2020 FR.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

XHTML ne s'affiche pas dans IE6, 7, 8 ou FF3.5.1 - mais ok dans Firefox 3.0.1

Répondre