Discussion :

[lisa.a]

Coucou !
j'ai fait un petit site pour une amie comédienne. J'ai ajouté une page hier pour sa nouvelle pièce, et un copain qui a été la voir avec son vieux firefox a eu un affichage complètement chaotique.
J'ai passé la page au css validator qui m'a dit ok.
Quelqu'un sait d'où ça peut venir ?
La page en question : http://www.alicethomas.net/tropiques/
le screenshot de l'affichage bizarre : http://www.alicethomas.net/tropiques/capture.png

Merci d'avance !
++
Lisa

[Auteur]

bonjour,

déjà dans le code source il manque les balises HTML et le doctype. Mais je doute que cela vienne de là....

Ce qui tout de même surprenant c'est ce texte à trous
C'est la première fois que je vois ça

Pour la liste des acteurs, cela peut peut-être s'expliquer par les dimensions des cellules du tableau. Elles seraient trop petites pour contenir le texte.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<table>
    <tr>
 
        <td width="200">Ritsuko, La m&egrave;re</td>
        <td width="200">Vanessa Ma&euml;s</td>
    </tr>
   <tr>
         <td width="200">Keisaburo, le p&egrave;re</td>
        <td width="200">Cyril Schulman</td>
 
    </tr>
    <tr>
         <td width="200">Ikuko, la fille</td>
        <td width="200">Ir&egrave;ne Barriquault</td>
    </tr>
    <tr>
         <td width="200">Isamu, le fils</td>
 
        <td width="200">Cyril Coup&eacute;</td>
    </tr>
    <tr>
         <td width="200">Nobuko, la tante</td>
        <td width="200"><a href="http://www.alicethomas.net">Alice Thomas</a></td>
    </tr>
 
</table>

mais j'ai un doute.


Ton copain est visiblement sur Linux : il ne peut pas mettre à jour Firefox ?

[lisa.a]

déjà dans le code source il manque les balises HTML et le doctype. Mais je doute que cela vienne de là....

!!! ah oui !!! j'étais à moitié endormie quand j'ai fait la page mais quand même :p
merci

Ce qui tout de même surprenant c'est ce texte à trous
C'est la première fois que je vois ça

pareil

Pour la liste des acteurs, cela peut peut-être s'expliquer par les dimensions des cellules du tableau. Elles seraient trop petites pour contenir le texte. mais j'ai un doute.

nop c'est pas ça

Ton copain est visiblement sur Linux : il ne peut pas mettre à jour Firefox ?

certes
mais tant qu'à faire je préfèrerai résoudre le bug

bon j'ai ajouté les balises html et le doctype et je l'ai mailé pour qu'il check ... à suivre

[Auteur]

Ce qui me surprend le plus est que les mots manquants sont dans le même conteneur que les mots visibles.

Ces mots manquants auraient été dans des conteneurs différents, je t'aurais dit que c'était un problème de display / visible ou encore de marges voire de z-index ou encore d'overflow (propriété sur les div). Mais, là.....

[lisa.a]

ben ouai pareil ...
bon et il vient de me répondre, aucun changement en ajoutant les balises html et le doctype ... so ...
une autre idée ?

[Auteur]

je n'en vois qu'une seule : procéder par élimination.

1- N'inclue pas ta CSS et regarde le résultat
2- ajoute ensuite une à une tes classes. Dès que le bug apparaît tu seras quelle(s) classe(s) en cause (tu peux avoir des attributs CSS qui entrent en conflit)


J'ai vu en bas de ta page des scripts JS, supprime les le temps de faire tes tests : il peuvent aussi être la cause du bug.

[lisa.a]

en fait je viens de tenter un truc là
j'ai fini par décrypter l'algo de masquage de texte, il coupait après le premier espace de la ligne. Donc je viens de mettre des   partout à la place des espaces et j'attends des nouvelles de mon pote pour qu'il me dise si ça résoud.

c'est pas facile de débugger quand il faut attendre plusieurs heures entre la modification et le rendu
mais maintenant que j'ai identifié le masquage, je me dis que ça doit être le letter-spacing à 2px qui lui pose probleme...
Bon j'attends la réponse pour savoir si les   résolvent le problème et je vous dis !

[Auteur]

en fait je viens de tenter un truc là
j'ai fini par décrypter l'algo de masquage de texte, il coupait après le premier espace de la ligne. Donc je viens de mettre des   partout à la place des espaces et j'attends des nouvelles de mon pote pour qu'il me dise si ça résoud.

ce n'est pas un des deux scripts JS en bas de page par hasard ?