Problème sous Safari

[HPz]

Quelqu'un pourrait-il me dire pourquoi la page suivante ne fonctionne pas sous Safari?

http://perso.wanadoo.fr/henri.pouzoullic/sc.safari

Dans cette page, en cliquant sur les questions au centre, une image doit s'afficher à gauche de l'écran et une réponse en texte à droite. Sous Safari, seule la premiére question fonctionne...

Ce bout code fonctionne sur Mac sous IE, Firefox et Mozilla et sur PC sous IE, Firefox, Mozilla et Netscape. Il n'y a donc à ma connaissance que Safari qui pose problème.

Remerciements

 

[Yoop]

Salut! Jviens de regarder ton code et ya des trucs que je pige pas!

Code 1 :

<div id="ImgRep_1" class="ImgHidRel"><img src="Image-1.gif" alt="">      
<div id="ImgRep_2" class="ImgHidAbs"><img src="Image-2.gif" alt=""></div>
<div id="ImgRep_3" class="ImgHidAbs"><img src="Image-3.gif" alt=""></div>
</div>

Pourquoi c'est comme ca? Pourquoi la div ImgRep_1 englobe ImgRep_2 et ImgRep_3??

Pareil pour :

<div id="TxtRep_1" class="RepHidRel">Réponse n°1
<div id="TxtRep_2" class="RepHidAbs">Réponse n°2</div>
<div id="TxtRep_3" class="RepHidAbs">Réponse n°3</div>
</div>

 

[HPz]

En fait, la premiére "div" incorpore la premiére donnée en position relative dans le flux et s'affiche comme tel à l'endroit où elle doit être mais caché (hidden) dans la premiére lecture du flux.
Le ou les "div" suivantes incorpore/nt le ou les données suivantes en position absolue par rapport au "div" précédent (c'est à dire strictement au même endroit "left" et "top" égalent tous deux "0px") mais cachés dans la première lecture du flux.
Ainsi, en fin de lecture du flux les images ou les textes sont empilés les uns au dessus des autres (mais cachés).
En activant une question, on appelle une fonction JavaScript qui dans un premier temps va cacher toutes les images et textes au cas où il y en aurait d'affichés (visibles) et ensuite affiche l'image et le texte de la question activée et elles seules en les rendant 'visibles'.
En résumé, en fin de lecture du flux toutes les images et tous les textes sont à leur place sur l'écran mais cachés en attente d'une commande qui les rendra visibles.
J'espére que mon explication est claire car effectivement cela n'est pas très évident.
Est-ce que cela te convient?

 

[doc_69]

salut, moi j'ai troqué safari contre fire fox, tjs des pb avec safari sous 10.4, il y' en a marre
bon courage.

 

[Yoop]

salut, moi j'ai troqué safari contre fire fox, tjs des pb avec safari sous 10.4, il y' en a marre
bon courage.

TA reponse est vraiment bete! C'est un Webmaster, il fait un site web pour que tt le monde le voit sous differents navigateurs! Il ne fait pas ca que pour lui mais pour toi, mon pere, mon chat , moi, etc... Et j'pense ici que c'est plus un prob. de codage parce que le 1er cas marche mais pas le second.enfin!

 

[HPz]

J'ai fait une modif et j'aimerais savoir ce qu'elle donne sous Safari, toujours à la même adresse:
http://perso.wanadoo.fr/henri.pouzoullic/sc.safari

 

[Anabys]

Avec Safari 2.0.1: ça ne marche pas. Cliquer sur les liens ne produit aucun effet.

 

[Yoop]

Avec Safari 2.0.1: ça ne marche pas. Cliquer sur les liens ne produit
aucun effet.

Vi là, plus ne s'affiche

 

[fredmac75]

Ne serait-il pas plus simple de passer par des roll-over ? Image ready gère très bien cela...
D'autre part les css ne sont pas là pour gérer des actions (type javascript) à l'exeption notable des a: hover, a: active qui sont à mis chemin entre css et action.

 

[Yoop]

Tuto pour faire un rollover

 

[Choub]

Je ne te conseille pas d'utiliser la propriété CSS visibility. Elle est "made in Microsoft".
Utilise plutôt la propriété display comme ceci:

elem.style.display = "block" : équivalent de visibility:visible
elem.style.display = "none" : équivalent de visibility:hidden, sauf que l'élément ne fait pas que se masquer, la place qu'il prenait dans la page est libérée.

 

[HPz]

Réponse à Choub:

J'ai suivi ton conseil et effectivement cela fonctionne très bien chez-moi sur mon PC sous IE, Netscape, Mozilla, Firefox et Opera. J'ai du faire une modif au niveau du JavaScript car au premier affichage j'avais les trois images afichées verticalement les unes après les autres. J'aimerais savoir, maintenant, si cela fonctionne sur Mac et sous quels navigateurs.

Remerciements