Se connecter avec
S'enregistrer | Connectez-vous

Urgence probleme compatibilité IE et xhtml

Dernière réponse : dans Programmation

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" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
  2.  <html xmlns="<a href="http://www.w3.org/1999/xhtml" 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="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

Lassé par la pub ? Créez un compte

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?
Expert Programmation

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é ?

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" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" 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 -->

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.
Expert Programmation

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.
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde