Votre question

Urgence probleme compatibilité IE et xhtml

Tags :
  • Internet Explorer
  • Programmation
Dernière réponse : dans Programmation
1 Février 2011 22:38:52

Bonsoir,

Suis nouveau ici, merci par avance pour la lecture de ce post. Je suis un peu à l'Ouest en langage web donc au niveau des termes que j'emploierai ça vous fera ptète marrer mais je le fais avec mes mots.
Voilà, tout est dans le titre mais je résume le truc:

Je viens de monter un site dont les pages ont le suffixe .xhtml . J'ai testé ce site sous Moz-Firefox, Opera, Chrome et Safari = OK.
Mais comme annoncé + haut je suis un peu à l'Ouest et n'ai plus pensé au plus répandu des navigateurs, à savoir IE...et là : PAN! suis KO, ça passe pas, ça affiche une bande jaune en haut de la page "Pour protéger votre sécurité Internet Explorer a bloqué le téléchargement de fichiers de ce site vers votre navigateur. Cliquez ici pour afficher plus d'options", puis un bandeau gris s'affiche et me demande si je veux télécharger le fichier...bref ça coince.
J'ai donc scrupté le web et lu que IE ne gère pas le .xhtml

Avez-vous un code ou une solution super méga sympa à m'apporter?
Voici le header de mon index:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-type"
  5. content="text/html; charset=utf-8" />
  6. <title>(nom de mon site)</title>
  7. <link rel="stylesheet" href="css/style.css"
  8. type="text/css" media="all" />
  9. <!--[if IE 6]> <style type="text/css" media="screen"> #main .box .holder a.play{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/play.png', sizingMethod='image');} #main .box .holder .stripe{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/dot.png', sizingMethod='scale');} </style> <![endif]-->
  10. <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
  11. <script src="js/jquery-func.js" type="text/javascript"></script>
  12. </head>
  13. <body>
  14. <!-- Shell -->
  15. <div class="shell"><!-- Header -->


Je viens d'installer IE9 et là ça passe déjà mieux car cette version semble gérer le truc. Mais comment faire pour les autres versions?
Merci. Super urgent

Autres pages sur : urgence probleme compatibilite xhtml

a c 145 L Programmation
1 Février 2011 23:25:45

Le souci vient juste de la bétise d'IE qui s'intéresse surtout aux extensions avant de traiter le contenu.
Nomme donc tes pages en .html et ça sera ok, en plus ce sera standard.
m
0
l
1 Février 2011 23:35:08

Si je renomme toutes mes pages en html ça ne va pas bloquer les images qui, elles, sont dans mon css/images ?
Désolé c peut-être une question bête mais je préfère demander.
m
0
l
Contenus similaires
1 Février 2011 23:40:46

Je viens de faire le test sur l'une de mes pages, je l'ai dupliquée et mise en .html.
Résultat: c'est même pas la peine, la feuille de style css n'est pas prise en compte et donc la structure de la page est affreuse.
J'ai loupé un truc?
m
0
l
a c 145 L Programmation
2 Février 2011 09:00:43

Je ne vois pas en quoi renommer une page .xhtml en .html peut te faire perdre ta CSS ou son interprétation.
Il y a un moyen de voir ça en ligne ?

[Edit] Après vu des 2 codes sources, un souci d'appel à la CSS sur le second (oubli du répertoire). Donc, pour moi c'est résolu.

Que dit IE après le passage en .html ? Toujours une alerte de sécurité ?
m
0
l
a c 145 L Programmation
2 Février 2011 10:37:17

Il te reste des erreurs dans ta source, au lieu de faire un copier/coller (qui semble avoir fait sauter tous tes répertoires), tu aurais juste du copier ton fichier en le renommant.
m
0
l
2 Février 2011 10:39:08

Tout d'abord merci à crazycat qui a solutionné une partie de mon problème en privé.
La conversion sous NVU de ma page .xhtml vers .htm me faisait perdre le "css/style.css" au profit de "style.css" (je ne sais pourquoi). En utilisant mon bon vieux Script Edit la conversion n'a pas généré cette perte.

Maintenant, dernier souci: j'ai bien récupéré le style de la page mais les images n'apparaissent pas.
Question bête n°2: dois-je modifier chacun des liens vers les images ou bien y a-t-il une unique petite ligne que je peux ajouter pour que tout s'affiche?

Voici le dernier code en date:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow" target="_blank">http://www.w3.org/1999/xhtml</a>">
  3. <head>
  4. <meta http-equiv="Content-type"
  5. content="text/html; charset=utf-8" />
  6. <title>(nom de mon site)</title>
  7. <link rel="stylesheet" href="css/style.css"
  8. type="text/css" media="all" />
  9. <!--[if IE 6]> <style type="text/css" media="screen"> #main .box .holder a.play{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/play.png', sizingMethod='image');} #main .box .holder .stripe{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/dot.png', sizingMethod='scale');} </style> <![endif]-->
  10. <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
  11. <script src="jquery-func.js" type="text/javascript"></script>
  12. </head>
  13. <body>
  14. <!-- Shell -->
  15. <div class="shell"><!-- Header -->
m
0
l
2 Février 2011 10:42:20

ah on s'est croisé.
Oui tu as raison, mais le souci reste le même au niveau des images
m
0
l
2 Février 2011 10:49:30

pas vu ton EDIT, crazycat
Edit] Après vu des 2 codes sources, un souci d'appel à la CSS sur le second (oubli du répertoire). Donc, pour moi c'est résolu.

Le design de la page est Ok. Les photos ne passent pas.



Que dit IE après le passage en .html ? Toujours une alerte de sécurité ?

Non car j'ai depuis téléchargé IE9 qui gère le xhtml, mais du coup je ne sais pas si ça passe sous un autre IE, je vais demander à un pote d'essayer depuis son PC.
m
0
l
a c 145 L Programmation
2 Février 2011 12:03:25

Pour les photos, comme je l'ai dit, c'est le même souci, tes répertoires ont sauté. Et idem pour ton iframe.

Donc encore une fois, au lieu de faire un copier/coller du code, fais un copier/coller du fichier en changeant juste son extension.
Ou bien tu ouvres avec NVU ton fichier .xhtml et tu fais "Fichier" => "Enregistrer sous ..." et tu mets la nouvelle extension.
m
0
l
2 Février 2011 12:48:17

ok, je viens de le faire

Le truc maintenant c'est qu'il va falloir que je change tous les liens de chaque page: menu et articles qui, eux, sont toujours en xhtml
arf
m
0
l
2 Février 2011 15:02:49

Et bien merci à toi pour tes indications.
Hier j'avais tenté de modifier l'extension mais j'avais dû me louper lors de l'enregistrement.
Tout fonctionne maintenant.
Sujet clos.
Bonne journée.
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS