Décalages tableau HTML sur IE9 seulement

Bonjour,

Voila maintenant 2j que je sèche sur un problème d'affichage qui est à ma grande surprise (sans être ironique) seulement sur IE 9.
Je dis sans être ironique car l'affichage est niquel sur IE 8 ainsi que tous les autres navigateurs (ces derniers étant à jour).

Vous pouvez accéder à la page en question sur ce lien.
Compte : invite
Pw : invite

Onglet "Tableau de bord" et sélectionnez par exemple "Renault Charleville".

Et voici en image le problème :
Aucun problème sur les navigateurs autre que IE9

Et décalage visible via IE 9.

Quelqu'un aurait une idée sur l'origine de ce phénomène ?
Merci pour vos lumières.

Cordialement,

Bonjour,

Je ne trouve ni le lien ni ne vois les images ?

Edit: trouvés le lien et images. Par contre je ne constate pas le problème sur le mode navigateur IE9 de mon IE10...

Oups, pour le lien je m'étais dis que je l'ajouterais en fin de post, complètement zapé :mouarf:

J'ai corrigé les liens des images erronées.

EDIT :
Alors pour IE 10, je n'ai pas testé, je ne suis pas encore passé sur la dernière version sur mon poste de travail, je n'ai que IE 8 (des postes avec win XP) et IE 9 (avec win7).

Vu que le problème est visible que sur IE 9 et pas sur IE 8, ça m'étonnerai pas que cela fonctionne sur IE 10.. C'est localisé strictement sur IE9...

oui, mais je teste sur le mode de rendu IE9 et le bug n'apparaît pas. Je voulais tester sur un autre PC censé avoir IE9 natif mais, en faite, c'est IE8 ;)

J'imagine que tu as déjà tenté des refresh sur ta page et désactivé tous les modules complémentaires éventuels que tu pourrais avoir sur IE9 pour t'assurer que l'affichage reste toujours bugué ?

Cela le fait-il sur toutes tes pages ? toujours au même endroit/même configuration ?

Citation:

---

Envoyé par Candygirl

J'imagine que tu as déjà tenté des refresh sur ta page et désactivé tous les modules complémentaires éventuels que tu pourrais avoir sur IE9 pour t'assurer que l'affichage reste toujours bugué ?

Cela le fait-il sur toutes tes pages ? toujours au même endroit ?

---

Déjà MERCI de te pencher sur mon problème !

Alors le soucis a en fait été détecté initialement par une autre personne que moi.
J'avais à ce moment là testé tous les navigateurs (étant sous XP, c'était IE8) et aucun problème à l'horizon. Jusqu'à présent, tout bug qui n'était pas présent sous IE 8, ne l'était pas non plus sur une version plus récente sur les différents projets que j'ai eu à réaliser (l'inverse n'étant pas vrai.)

Et le même problème est visible sur les 2 IE 9 que j'ai pu testé (fraîchement formaté pour win7 donc aucun module)...

Le soucis n'est visible que dans les tableaux HTML et je ne vois aucune corrélation entre les différents endroits où cela se produit.
Parfois c'est la 1ère ligne, 3ème colonne, parfois c'est la 10ème ligne, 2ème colonne etc...

Pour rencontrer le problème, il faut qu'il y ai pas mal de lignes..

Bon après installation d'un IE9 je rencontre effectivement le problème décrit.
J'ai dl la page html et le bug n'apparait pas sur le rendu des tableaux sur IE9.

Je me suis donc posé la question d'une relation entre ajax et la construction du tableau qui poserait problème à IE9 niveau du rendu. J'ai trouvé qq pistes intéressantes après une petite recherche (IE9 problem display table ajax):

- Microsoft s'en tape du bug puisqu'il est corrigé dans IE10 :aie: (d'ailleurs il n'y a plus grande raison d'utiliser IE9 à moins de refuser le SP1 de windows 7 pour x raison)
- Le pb ne concernerait pas directement une correlation avec ajax mais plutôt les whitespace comme expliqué ici (j'ai pas lu :aie:)

Une approche pour virer le problème via un regexp pour virer les espaces (enfin j'ai juste survolé :aie:).

Après une autre solution sans prise de tête pourrait être de spécifier un rendu avec IE8 s'il s'agit d'IE9 ^^ c'est un peu moche et frustrant mais bon, si ça marche c'est peut-être la solution la plus intéressante niveau productivité ;p

Un très grand merci à toi pour avoir effectué des recherches de ton coté !
Tu as déniché une solution qui fonctionne :

Code:

---

1 2	var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g'); tableHtml = tableHtml.replace(expr, '><');

---

Je n'aurais pas pensé que les whitespaces pouvaient avoir des conséquences sur le rendu... Surtout sur un navigateur aussi récent que IE9...
En tout cas, grâce à la regexp (et surtout grâce à toi), mon problème est résolu. :)

Un peu dommage tout de même d'utiliser des perfs pour fixer un navigateur seulement... IE comme d'habitude quoi... :aie:

Encore merci pour l'aide.

A bientôt !