Problème d'affichage bizarre

jmsch · 15/09/2011, 21h13

Bonjour,

Après qq soirées de recherche, je me tourne vers vous. D'ailleur je ne suis pas sur de poster au bonne endroit tellement c'est bizard.

j'ai un problème d'affichage avec mes tableaux. Certaines lignes sont plus épaissent que d'autres.
Le site tourne avec wampsserveur et j'ai le problème uniquement avec firefox pas avec IE.

Pour les test, j'ai fait une page html toute simple avec le CSS dessus.

Si j'affiche cette page par un clic direct sur le fichier y a pas de problème, toutes les lignes sont normal à 1px.
Maintenant si j'affiche la page depuis un lien certaines lignes font 2 ou 3 px et les autres sont normal.....je n'y comprends plu rien. lol

Avec width: 40%; j'ai la linge 3 qui sera plus épaisse.
Avec width: 41, 42% les lignes sont normales.
Avec width: 44% ce sera plus la ligne 3 mais la ligne 5 qui sera + épaisse.

Si quelqu'un à une idée, je suis preneur.
Merci

voici le code:

Code :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<HEAD>
<style>
table{
    border: 1px solid green;
    border-collapse: collapse;
    width: 40%;
    }
  td{border: 1px solid green; 
  }
</style>
</HEAD>
 
<BODY>
<div ID="a">
<table>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
<tr>
<td>aa</td> <td>bb</td> <td>cc</td> <td>dd</td> <td>ee</td> <td>ff</td>
</tr>
</table>
</div>
</BODY>
</HTML>

NoSmoking · 15/09/2011, 22h22

Bonsoir,
as tu essayé de mettre un DOCTYPE à ton document, pas mal d'info dans la

jmsch · 15/09/2011, 22h48

en effet j'ai essayé de mettre un DOCTYPE, mais ça ne change rien.
Je me demande si le problème ne viendrait pas d’ailleurs... firefox ou autres.
J'ai fais un autre essais, je l'ai mis en ligne sur le site et là ça fonctionne même si je l'ouvre depuis un lien.

NoSmoking · 15/09/2011, 23h31

bizarre bizarre, vous avez dit bizarre...
PB de cache !!!
La mise d'un Doctype ne fera quoiqu'il arrive pas de mal.

jmsch · 15/09/2011, 23h57

sur les page officiel y en a un. C que sur la page de test qu'il n'y en avait pas.
Mais je confirme que c'est très bizarre. Première fois que j'ai un boeug de la sorte.
Perso je commence a croire que le beug ne vient pas du code si non y aurait le même problème quand je l'ouvre en cliquant dessus directement.

jreaux62 · 16/09/2011, 15h26

Bonjour,
c'est un "défaut d'affichage", sur Firefox et Opera.

On peut l'observer en faisant des zooms sur la page :
des lignes plus épaisses apparaissent plus ou moins aléatoirement...

C'est sans doute en relation avec la résolution de l'écran, et au calcul des épaisseurs :
en zoomant, 1px devient 1.49, 1.5, 1.51...
mais pas de façon uniforme sur toutes les épaisseurs :
- certaines étant à 1.49 -> arrondi à 1px
- d'autres étant à 1.51 -> arrondi à 2px

Manifestement, Firefox et Opera arrondissent au pixel inférieur OU supérieur,
alors que les autres arrondissent probablement toujours au pixel inférieur.

C'est effectivement dérangeant, et à priori sans solution.

jmsch · 17/09/2011, 19h26

Voilà qui est clair.... J'appelle ça un bug.
Je ne suis pas sur mais il me semble que la version précédente de Firefox ne le fessait pas.

Je ne pige toute fois pas pourquoi un fichier ouvert par un double clic dessus s'affiche correctement alors que s'il est ouvert par un lien il s'affiche mal.
Dans les 2 cas c'est le même pc et ce sont les même pixels.

Dans mon cas ce n'est pas très dérangeant le client ne le voit pas, y a que moi qui le vois mais j'aime ce qui est propre.

merci pour l'info

kirua99 · 19/09/2011, 07h02

Bonjour,
si je peux compléter la réflexion.
Votre code sur Google Chrome marche très bien , je vois aucun problème.
En effet, si sur firefox , il y a un soucis alors que sur IE tous va bien ...

15/09/2011, 22h22	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 779 Points : 4 779	Bonsoir, as tu essayé de mettre un DOCTYPE à ton document, pas mal d'info dans la http://xhtml.developpez.com/faq/?pag...octype_utilite http://xhtml.developpez.com/faq/?pag...#html_doctypes http://css.developpez.com/faq/?page=...doctype_design
	00

15/09/2011, 22h48	#3
jmsch Invité régulier jm schweitzer Inscription : juin 2010 Messages : 39 Détails du profil Informations personnelles : Nom : jm schweitzer Informations forums : Inscription : juin 2010 Messages : 39 Points : 6 Points : 6	en effet j'ai essayé de mettre un DOCTYPE, mais ça ne change rien. Je me demande si le problème ne viendrait pas d’ailleurs... firefox ou autres. J'ai fais un autre essais, je l'ai mis en ligne sur le site et là ça fonctionne même si je l'ouvre depuis un lien.
	00

15/09/2011, 23h31	#4
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 779 Points : 4 779	bizarre bizarre, vous avez dit bizarre... PB de cache !!! La mise d'un Doctype ne fera quoiqu'il arrive pas de mal.
	00

15/09/2011, 23h57	#5
jmsch Invité régulier jm schweitzer Inscription : juin 2010 Messages : 39 Détails du profil Informations personnelles : Nom : jm schweitzer Informations forums : Inscription : juin 2010 Messages : 39 Points : 6 Points : 6	sur les page officiel y en a un. C que sur la page de test qu'il n'y en avait pas. Mais je confirme que c'est très bizarre. Première fois que j'ai un boeug de la sorte. Perso je commence a croire que le beug ne vient pas du code si non y aurait le même problème quand je l'ouvre en cliquant dessus directement.
	00

16/09/2011, 15h26	#6
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 994 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 994 Points : 5 787 Points : 5 787	Bonjour, c'est un "défaut d'affichage", sur Firefox et Opera. On peut l'observer en faisant des zooms sur la page : des lignes plus épaisses apparaissent plus ou moins aléatoirement... C'est sans doute en relation avec la résolution de l'écran, et au calcul des épaisseurs : en zoomant, 1px devient 1.49, 1.5, 1.51... mais pas de façon uniforme sur toutes les épaisseurs : - certaines étant à 1.49 -> arrondi à 1px - d'autres étant à 1.51 -> arrondi à 2px Manifestement, Firefox et Opera arrondissent au pixel inférieur OU supérieur, alors que les autres arrondissent probablement toujours au pixel inférieur. C'est effectivement dérangeant, et à priori sans solution. __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

17/09/2011, 19h26	#7
jmsch Invité régulier jm schweitzer Inscription : juin 2010 Messages : 39 Détails du profil Informations personnelles : Nom : jm schweitzer Informations forums : Inscription : juin 2010 Messages : 39 Points : 6 Points : 6	Voilà qui est clair.... J'appelle ça un bug. Je ne suis pas sur mais il me semble que la version précédente de Firefox ne le fessait pas. Je ne pige toute fois pas pourquoi un fichier ouvert par un double clic dessus s'affiche correctement alors que s'il est ouvert par un lien il s'affiche mal. Dans les 2 cas c'est le même pc et ce sont les même pixels. Dans mon cas ce n'est pas très dérangeant le client ne le voit pas, y a que moi qui le vois mais j'aime ce qui est propre. merci pour l'info
	00

19/09/2011, 07h02	#8
kirua99 Membre du Club Sebastien Inscription : janvier 2011 Messages : 76 Détails du profil Informations personnelles : Nom : Sebastien Informations forums : Inscription : janvier 2011 Messages : 76 Points : 50 Points : 50	Bonjour, si je peux compléter la réflexion. Votre code sur Google Chrome marche très bien , je vois aucun problème. En effet, si sur firefox , il y a un soucis alors que sur IE tous va bien ...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email