Discussion :

[Invité]

Bonjour,
je suis confronté à un problème étrange...
Sur I.E. (11), l'ensemble du site semble s'afficher correctement.
L'affichage semble OK aussi sur les autres navigateurs ainsi que sur smartphone.

Par contre, sur les pages "Fiche étalons", l'affichage sur I.E. (11) part en vrille, de façon bizarre et aléatoire : parfois normal, parfois il sort du cadre... et parfois revient à la normale !
Exemple de page :

• http://www.pony-planet.fr/fr/chl11/ulk-d-ete

1/ Question 1 : "voyez-vous aussi ce problème d'affichage ?"

2/ Question 2 : quelqu'un a-t-il une piste, une idée de solution... ?
Merci.

[Bisûnûrs]

Tu devrais essayer de débugger au fur et à mesure, par exemple en éliminant bloc par bloc et voir si le problème survient toujours (j'avais fait un début de tuto avorté sur cette méthode de debuggage). Tu as une page lourde et complexe et les outils de développement de IE ne sont pas au top, je ne vois que cette solution pour t'aider.

[Invité]

Bonjour Bisûnûrs
c'est ce que j'ai fait : débogage par dichotomie !

J'en ai conclus que le problème concerne les blocs "Descripitif" + "Photos".
Les autres blocs sont hors de cause.

SEULE l'association des deux pose (parfois !) problème.
J'ai eu beau supprimer des photos de la galerie, une fois ça marche, une fois ça de marche plus, sans que j'arrive à isoler précisément le bout qui coince...

Donc... je ne sais toujours pas...

Je vais essayé de réduire le fichier à son expression la plus simple, générant le problème.

[Bisûnûrs]

Je vais essayé de réduire le fichier à son expression la plus simple, générant le problème.

Tu t'en es sorti ? Si non, on peut avoir ce code simplifié ?

[Invité]

J'y travaille à l'instant même...

Il s'avère que le problème ne concerne pas toutes les fiches des chevaux, mais seulement certaines !
(alors que le code est similaire !).

Pour certains, l'affichage est... instable.
J'essaie encore d'isoler la cause :

• un fichier JS/jQuery conflictuel ???
• grandes photos (redimensionnées en jQuery) ?

[EDIT] J'ai updaté la fiche, en enlevant le superflu : j'ai laisser uniquement les blocs "Descriptif" et "Photos".
=> j'ai mis le code résultant dans un codepen, pour continuer la recherche par dichotomie :

• http://codepen.io/jreaux62/pen/pJmmWq

A constater sur I.E 11, taille d'écran supérieure à 1025px.


Les 2/3 des chevaux ne présente rien d'anormal.
Ceux qui montrent une instabilité :

• Rap'tout
• Uhland
• Ulk

[Bisûnûrs]

J'ai l'impression que c'est un problème avec la galerie d'images. Plus j'enlève d'images, moins le problème apparait.

[Invité]

Je suis d'accord avec toi.

Par contre, impossible de voir si c'est une image en particulier, une série, le nombre ???

L'instabilité apparait ou disparait de façon presque aléatoire...
Incompréhensible.

J'en reste dubitatif.... (et je suis poli ! )

[Bisûnûrs]

Finalement ! Il semblerait que le div <div class="artContenuText chxFicGenealogie"> peut être en cause. Lorsque je le supprime, je ne constate plus le problème.
D'ailleurs, ta classe artContenuText est déjà ajoutée au parent...

[Invité]

OK.
Pour l'instant, j'ai ça :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.chxFicDescriptif { float:left; clear:none; width:40%; }
.chxFicGenealogie { float:right; clear:none; width:58%; }

Si je remplace par :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.chxFicDescriptif { float:left; clear:none; width:40%; }
.chxFicGenealogie { float:left; clear:none; width:58%; margin-left:2%; }

ou que je supprime la classe chxFicGenealogie du HTML...

MEME PROBLEME !

La vérité est ailleurs*.................


* La piste des photos me semble la plus prometteuse (?)