web-dev-qa-db-fra.com

Comment puis-je résoudre les problèmes d'affichage de mon site Web sur les anciennes versions d'Internet Explorer?

Je ne suis absolument pas un développeur, je ne suis donc pas sûr de pouvoir l'exprimer de manière technique, mais je suis confronté à de nombreux problèmes liés à la manière dont mon nouveau site Web, Joomla, est rendu sur les anciennes versions de C'EST À DIRE.

Le site Web est www.eslrok.com (site Web de recrutement/emploi pour professeurs d’anglais en Corée).

Il est vraiment important que le site Web s'affiche correctement sur les anciennes versions de IE (6 à 9)), mais après avoir accédé au site à partir d'ordinateurs utilisant un navigateur plus ancien et l'avoir vu sur des sites comme Browsera. com, je peux voir que le navigateur étire le composant sur la page de garde et pousse tous les modules de gauche sous celui-ci.

J'ai lu tellement de choses à propos de IE problèmes d'affichage et de résolution, tous pointant vers des solutions différentes.

Ce que je ne peux pas faire, c'est demander à l'utilisateur d'activer le mode de compatibilité, il doit être restitué correctement au chargement. J'ai installé un plugin qui avertit les utilisateurs du fait que leur navigateur est obsolète, mais je préférerais que la page soit décente, et que je ne les oblige pas à effectuer une mise à niveau gênante (bien qu'ils le fassent probablement, mais ce n'est pas à moi de jouer dites-leur ceci).

Quelqu'un at-il une expérience avec cela? Ou peut-être y a-t-il une solution sournoise dont quelqu'un a entendu parler?

2
Ben Goldie

Ok, je suppose donc que vous utilisez un modèle responsive ici, ce qui signifie qu'il réduira les éléments à l'aide de requêtes multimédia CSS3, qui ne sont pas prises en charge par les anciens navigateurs.

Il y a 2 choses que vous devez faire:

  1. Lors de l'affichage de votre site dans IE, assurez-vous qu'il ne soit pas en mode Quirks. Pour revérifier, appuyez simplement sur F12, vérifiez le mode document et assurez-vous qu’il est réglé sur Standard.
  2. Assurez-vous que votre <head> contient <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

Vous avez également une erreur Javascript provenant de responsivescrollingtables.min.js qui pose également des problèmes pour respond.js et l'empêche de fonctionner.

De plus, je ne comprends pas vraiment. Vous souhaitez prendre en charge les anciens navigateurs. Toutefois, un message de mise à niveau apparaît lorsque vous affichez le navigateur dans IE8.

3
Lodder