OVH Cloud OVH Cloud

[Firefox] affichages différents en local et en WWW

17 réponses
Avatar
docanski
Bonsoir,

Je doute qu'ils s'agisse d'un problème de code et poste donc ce message ici.

La page suivante :
http://armorance.free.fr/valastuc/fdsast8a.htm
traite d'affichage de "bulles" (fenêtres) d'information utilisables par
la technique du "rollover" dans un bloc.
Le problème est le suivant :
- en local, l'affichage correspond exactement à ce qui est prévu
- en http, les 3 premiers liens provoquent un affichage de bulle en
dehors de la zone du bloc *mais aussi* de la fenêtre, le 4ème n'affiche
correctement que la bulle centrale et "sort" également les 4 autres
bulles alors que les 5ème et 6ème liens fictifs provoquent exactement
l'effet escompté.
Vidé le cache à plusieurs reprises : rien n'y fait, la différence
d'affichage se répète.
Opera 8.01 et MSIE 6.0 affichent pourtant parfaitement en local comme en
distant.
Quelle est la raison de ce mystère ?

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr

7 réponses

1 2
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 18/07/2005 15:35 :

Voilà qui est réparé :
http://perso.wanadoo.fr/stephane.moriaux/truc/fdsast8a_sm.htm



A part le lien vers l'image, je ne vois aucune différence dans ton
écriture si ce n'est l'ajout de règles pour "img" et "hover span"
placées en commentaires. Gecko les ignore donc puisque je remarque que
sans les balises de commentaires, MSIE n'affiche plus les bulles ...
Je vois tout de même d'autres différences (tu brouilles les cartes par
plaisir ? ;-) ) : les règles de style sont mises dans un ordre différent
et il y a des redondances.
Tu utilises un éditeur de styles ? Personnellement, j'utilise le
bloc-notes, comme pour le reste.

Comme tu as dû te rendre compte,
FF s'il ne trouve pas l'image à afficher
(pas sur le serveur ou src vide)
se contente de zapper



Non : le résultat est le même, du moins chez moi, en local.
Par contre, effectivement, il est correct en "distant".
Bizarre, en fonction de ce qui suit :

(sans plus réserver la place de ce truc en ligne non existant)
(ce qui, à la réflexion est assez normal, bien qu'un peu ennuyeux(*))



Il n'y a pas de raison, me semble-t'il, vu que l'image fictive est
dimensionnée par des attributs HTML : son emplacement devrait donc être
"réservé".

Comme tu te bases pour le placement de tes bulles sur l'affichage d'une
image fictive, il te faut la transformer en block



Ce serait donc un bug de Firefox, je pense.

Revoir la copie ? sans image mais avec un bête block ?



Oui et non : la démo est destinée, à l'origine, à permettre de créer une
ou des bulles sur une image.

Peut-être faudrait-il en avertir les concepteurs ?



J'avais posté initialement sur Fciwn : je suppose qu'on fera suivre,
certaines contributeurs étant directement liés à l'évolution de Firefox.
Merci pour ton aide : elle permet au moins de corriger ce bug.

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
ASM
docanski wrote:
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 18/07/2005 15:35 :

Voilà qui est réparé :
http://perso.wanadoo.fr/stephane.moriaux/truc/fdsast8a_sm.htm



A part le lien vers l'image, je ne vois aucune différence dans ton
écriture si ce n'est l'ajout de règles pour "img" et "hover span"
placées en commentaires.



Très cher ami
hors donc oui,j'ai essayé de pouvoir lire tes css et oui qques unes
ont été reformatées
Hors donc oui, j'ai essayé qques trucs laissés en commentaires
(qu'on peut supprimer bien évidemment)
Hors donc, si redondances il y a : elles ne sont pas de moi ...

Ceci étant, à mon idée, la rustine est :

a.pop img { display: block; border: 1px solid #666 }

Le border (dont tu aurais dû noter la présence)
serait à éliminer après tests (je crois que qques fois ça aide)

Non : le résultat est le même, du moins chez moi, en local.



Là je ne puis rien pour toi : chez moi et rustiné, en local c'est ok.

Par contre, effectivement, il est correct en "distant".
Bizarre, en fonction de ce qui suit :

(sans plus réserver la place de ce truc en ligne non existant)
(ce qui, à la réflexion est assez normal, bien qu'un peu ennuyeux(*))



Il n'y a pas de raison,



certes, usuellemnt, mais si raison il y a, je propose celle-là

me semble-t'il, vu que l'image fictive est
dimensionnée par des attributs HTML : son emplacement devrait donc être
"réservé".



ben ... la question portait sur FF ce me semble ?
Je n'ai pas participé à la programmation de FF (heureusement pour eux)
Le mien, si l'image désignée dans le code n'existe pas, la zappe.
(dimensions ou pas)
img est du inline et d'après ce que j'ai pu comprendre, du inline
n'admettrait pas de dimension
(sauf ss doute une image? mais comme elle n'existe pas ...)

Comme tu te bases pour le placement de tes bulles sur l'affichage
d'une image fictive, il te faut la transformer en block



Ce serait donc un bug de Firefox, je pense.



Un bug ou une interprétation différente ... va savoir ?

Revoir la copie ? sans image mais avec un bête block ?



Oui et non : la démo est destinée, à l'origine, à permettre de créer une
ou des bulles sur une image.



Alors ne pas mettre d'image fictive ...
Ou Proposer une variante en ce sens sur une autre page ?



--
Stephane Moriaux et son [moins] vieux Mac
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 18/07/2005 21:13 :

Très cher ami



J'aime ;-)

Hors donc oui, j'ai essayé qques trucs laissés en commentaires
(qu'on peut supprimer bien évidemment)



Non, car si :
/*
a.pop span em { display: none; }
a.pop:hover span em { display: block; }
*/
est supprimé, c'est IE qui n'affiche plus.
C'est donc un "hack", en somme ...
Remarque, les "hack's" et moi, on ne se connaît pas trop.

Hors donc, si redondances il y a : elles ne sont pas de moi ...



Vérifications faites, je le confesse, j'ai écrit trop vite car je viens
de découvrir un truc bizarre : lors d'un "enregistrer sous" avec ce
maudit MSIE (afin d'étudier ta bête à l'aise because RTC), force est de
constater qu'il modifie le code source de façon inattendue. En effet,
non seulement il enregistre une DTD modifiée (le Strict devient
Transitionnel mais je peux encore le comprendre puisqu'il y a un
prologue xml ...quoique ...) mais il chamboule l'ordre d'écriture des
règles de style et *crée* lui-même ces redondances.
Par exemple, les règles pour img {border:0} deviennent img
{BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM:
0px}, avec des majuscules, qui plus est !
Il va même jusqu'à générer une meta :
<META content="MSHTML 6.00.2800.1458" name=GENERATOR>
C'est décidément une vraie bouze ce MSIE !
Je te dois donc des excuses ... surtout après ton "Très cher ami" ... ;-)

Ceci étant, à mon idée, la rustine est :
a.pop img { display: block; border: 1px solid #666 }
Le border (dont tu aurais dû noter la présence)
serait à éliminer après tests (je crois que qques fois ça aide)



Voui voui, j'avais bien noté et compris, à condition que les 2 lignes en
"commentaires" soient présentes.

Non : le résultat est le même, du moins chez moi, en local.


Là je ne puis rien pour toi : chez moi et rustiné, en local c'est ok.



J'aurais donc un Firefox particulier ...
Il est vrai que tu fonctionnes sous Mac : c'est peut-être la raison.
Quoique, une remarque : mon Firefox a maintenant des hoquets. Une fois
il affiche correctement toutes les bulles, une autre fois il refuse
d'afficher correctement la première *et la première seulement* se
remettant dans le "droit chemin" pour les autres !

certes, usuellemnt, mais si raison il y a, je propose celle-là



Et tu as raison, c'est la bonne ... puisque ça fonctionne :-)
Il y a un "copyright" ? ;-)

img est du inline et d'après ce que j'ai pu comprendre, du inline
n'admettrait pas de dimension
(sauf ss doute une image? mais comme elle n'existe pas ...)



Pour respecter l'accessibilité, l'image doit comporter des dimensions.
Même si, sur le plan de la conformité, le contraire ne pose pas de problème.

Un bug ou une interprétation différente ... va savoir ?



L'un ou l'autre "gourou" pourrait peut-être amener un début de réponse ...

Alors ne pas mettre d'image fictive ...



Ou une image transparente, après tout.

Merci pour ta contribution, très cher ami : elle m'oblige à entrer dans
le monde du "hack".
(et moi qui m'étais toujours refusé à y entrer ...)

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
ASM
docanski wrote:
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 18/07/2005 21:13 :

Très cher ami




J'aime ;-)



Bon, vas pas t'habituer, hein ?

Hors donc oui, j'ai essayé qques trucs laissés en commentaires
(qu'on peut supprimer bien évidemment)




Non, car si :
/*
a.pop span em { display: none; }
a.pop:hover span em { display: block; }
*/
est supprimé, c'est IE qui n'affiche plus.



Boudiou ! mais z'il était question de FF !
Si l'on en vient à IE ... ça va déraper dur dur.

Mon IE5.2 avec ta page sur ton site n'en fait qu'à sa tête
et je t'assure que ce n'est pas joise ! :-(
Opera, mme page et/ou ma rustine (en local) -> ok
iCab, bof bof : un coup non, un coup presque
Safary : nickel de chez nickel (site, local, rustiné, tout pareil)

C'est donc un "hack", en somme ...



Que ton IE pense comme il veuille, le mien de tte façon, est déboussolé
par ta proposition :-(

Remarque, les "hack's" et moi, on ne se connaît pas trop.



J'ai décidé, que les Iheuhistes devront se contenter de ce qu'ils auront.
S'ils sont pas contents n'ont qu'à faire comme moi avec mon sympathique
NC4.5 (désactiver les css) y a pas d'raison que mon NC soit considéré
hors course pour que d'un autre côté on continue à s'em....r la vie avec
une vérolle ! Na !

Vérifications faites,



<couic couic et re-re-couic les élucubrations emmessièques>
Mais l'est complètement dingo de chez marteau !
C'est de mal en pire à toutes les heures !

la rustine est :
a.pop img { display: block; border: 1px solid #666 }



Voui voui, j'avais bien noté et compris, à condition que les 2 lignes en
"commentaires" soient présentes.



Je te laisse seul juge, ne pouvant me rendre compte
cf : les captures
http://perso.wanadoo.fr/stephane.moriaux/truc/dok/

J'aurais donc un Firefox particulier ...
Il est vrai que tu fonctionnes sous Mac : c'est peut-être la raison.
Quoique, une remarque : mon Firefox a maintenant des hoquets. Une fois
il affiche correctement toutes les bulles, une autre fois il refuse
d'afficher correctement la première *et la première seulement* se
remettant dans le "droit chemin" pour les autres !



çà ressemble un peu au comportement d'iCab
y aurait-il qque ambiguité secrètement cachée dans cette FdS ?

Il y a un "copyright" ? ;-)



Nian nian nian !

Alors ne pas mettre d'image fictive ...



Ou une image transparente, après tout.



donc non fictive :-)
mais ça va pas réparer mon IE ... :-(

Merci pour ta contribution, très cher ami : elle m'oblige à entrer dans
le monde du "hack".
(et moi qui m'étais toujours refusé à y entrer ...)



Je t'engage à bien re et re et re-vérifier
c'est un peu pousser mémère dans les orties :
un hack à base de commentaires ! on aura tout vu !

Ce n'est pas mon style de trouver des hacks pour IE Win
j'espère bien que c'en n'est pas un (je m'en voudrais)

En parlant de çà :
c'est quoi le hack pour désactiver les css pour IE ? (Win et Mac)


--
Stephane Moriaux et son [moins] vieux Mac
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 18/07/2005 21:13 :

Très cher ami



J'aime toujours ...

Mais je reviens à la question du départ : affichage local et affichage
distant.
Lorsque je t'ai répondu, j'avais vérifié la page en distant (sur ton
hébergement) avec Firefox et tout baignait.
Par acquit de conscience, j'ai tenté l'expérience en serveur local
(Apache) et je rejoins là l'interrogation de Pierre.
Résultat : erreur au niveau du parseur. J'élimine le prologue XML et le
serveur ne me retourne plus d'erreur. Le problème est alors que la
feuille corrigée avec ton hack n'a pas plus d'effet que sans ce hack :
résultat nul.
Pourtant, Wanamou utilise bien un serveur Apache (si je ne m'abuse) et
lorsque je vais chercher la page en "distant", non seulement je n'ai pas
d'erreur déclarée par le parseur mais la page corrigée sur ton serveur
s'affiche correctement ...
Résumé, avec ton "hack" :
- prologue XML éliminé, IE et Firefox affichent correctement en local
- prologue XML maintenu, IE et Firefox affichent correctement sur le
serveur Wanamou
- prologue XML maintenu, sur serveur local Apache, le parseur me donne
une erreur à ce niveau et refuse d'afficher
- prologue XML éliminé, sur serveur local Apache, Firefox affiche à
nouveau de manière anormale
Je remarque toutefois qu'il ne le fait qu'en absence d'une image *malgré
le dimensionnement* de celle-ci par les attributs HTML [width] et [height].
Dès lors se repose la question du départ : pourquoi ces différences
local/distant ?
Problème au niveau du serveur, du navigateur ou de l'écriture du code ?
Raison pour laquelle je laisse suivre sur fciwa et fciwn en même temps.
J'y perds mon latin ... et mes CSS.

Cordialement
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
Avatar
ASM
docanski wrote:
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 18/07/2005 21:13 :

je reviens à la question du départ : affichage local et affichage
distant.



En effet, très cher, j'ai le même pb ...
(IE éliminé puisque KK d'où que la page vienne)

Lorsque je t'ai répondu, j'avais vérifié la page en distant (sur ton
hébergement) avec Firefox et tout baignait.



Outre qu'aujourd'hui ta page d'origine récupérée et vue en local direct
est impec sous FF et ne l'est pas sur ton site
alors que rustinée elle le redevient sur mon site
- les 2 sites étant chez le même hébergeur (wanadoo)
- le mien n'a aucun htaccess
Un essai at home sur mon serveur Apache reproduit fidèlement
la même chose que chez wanadoo (originale et rustinée) avec FF

je m'aperçois d'une chose :
est-ce normal d'avoir çà :
<style type="text/css">
/*<![CDATA[*/

Le truc-bidule CDATA n'est-il pas pour le JS ?

Par acquit de conscience, j'ai tenté l'expérience en serveur local
(Apache) et je rejoins là l'interrogation de Pierre.
Résultat : erreur au niveau du parseur. J'élimine le prologue XML et le
serveur ne me retourne plus d'erreur. Le problème est alors que la
feuille corrigée avec ton hack n'a pas plus d'effet que sans ce hack :
résultat nul.



tu parles de quel navigateur ?

Pourtant, Wanamou utilise bien un serveur Apache (si je ne m'abuse) et
lorsque je vais chercher la page en "distant", non seulement je n'ai pas
d'erreur déclarée par le parseur mais la page corrigée sur ton serveur
s'affiche correctement ...
Résumé, avec ton "hack" :
- prologue XML éliminé, IE et Firefox affichent correctement en local



FF en local (sans serveur) affiche correctement même avec xml
IE affiche tt de travers où que la page se trouve (local ou serveur)
(la version rustinée sans le faux hack est légèrement améliorée
mais les bulles continuent à être n'importe où)

- prologue XML maintenu, IE et Firefox affichent correctement sur le
serveur Wanamou



prologue ou pas, local de local ou serveur local, rustine ou non,
rien n'y fait c'est touj KK avec IE (voir et revoir les captures)

- prologue XML maintenu, sur serveur local Apache, le parseur me donne
une erreur à ce niveau et refuse d'afficher



Tiens ? version d'Apache ?
Tu as un truc pour renvoyer une en-tête coté serveur ?
Le mien :
Server: Apache/1.3.33 (Darwin)
est comme celui de wanadoo, il ne renvoit que :
Content-Type: text/html

- prologue XML éliminé, sur serveur local Apache, Firefox affiche à
nouveau de manière anormale
Je remarque toutefois qu'il ne le fait qu'en absence d'une image *malgré
le dimensionnement* de celle-ci par les attributs HTML [width] et [height].
Dès lors se repose la question du départ : pourquoi ces différences
local/distant ?
Problème au niveau du serveur, du navigateur ou de l'écriture du code ?
Raison pour laquelle je laisse suivre sur fciwa et fciwn en même temps.
J'y perds mon latin ... et mes CSS.

Cordialement




--
Stephane Moriaux et son [moins] vieux Mac
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que ASM nous narre ce qui suit en ce 19/07/2005 15:33 :

je m'aperçois d'une chose :
est-ce normal d'avoir çà :
<style type="text/css">
/*<![CDATA[*/

Le truc-bidule CDATA n'est-il pas pour le JS ?



Pas seulement : en XHTML Strict, il est également obligatoire pour les FdS.

tu parles de quel navigateur ?



Firefox, puisque c'est celui qui pose problème depuis le début.

Tiens ? version d'Apache ?
Tu as un truc pour renvoyer une en-tête coté serveur ?
Le mien :
Server: Apache/1.3.33 (Darwin)
est comme celui de wanadoo, il ne renvoit que :
Content-Type: text/html



Idem.
Bon, j'ai retesté en local et serveur local, sans ta rustine et avec une
image transparente : il n'y a plus de problème avec MSIE, Firefox et
Opera, à la seule condition d'éliminer le prologue XML.
Dès lors, la cause est entendue : je vais balancer l'image transparente
sur le serveur distant et je verrai bien ce que ça donnera comme
résultat. A l'origine, c'était déjà le but, d'ailleurs. Le seul problème
résidait dans l'absence de prise en compte des attributs HTML de
dimensionnement par Firefox. C'est donc un bug de ce dernier.

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr
1 2