z-index IE vs Firefox

Bon voilà c'est le genre de truc qui me gonfle ... tu viens de terminer un truc et le détail qui tue vient tout remettre en question ...

je viens de terminer un site catalogue
J'ai deux soucis...
Le premier sous IE est sans doute un problème de focus, mais je n'arrive pas à le régler ... En fait au chargement du menu, celui-ci ne scrolle à la molette que si l'on est sur une ligne de texte ou une image... parcontre si l'on passe sur une page produit puis que l'on fait un retour au menu là il scrolle bien avec la molette

Le second souci est sous firefox où là le menu ne scrolle pas du tout car la barre de scroll est celle d'un div ('page1') et il semblerait qu'un autre objet vienne obstruer l'accès ??? (un truc par dessus ?)

J'ai le nez dedasn depuis trop longtemps et je ne vois plus clair ...
un oiel extérieur serait le bienvenu

Merci d'avance ! ;)

Salut,

Un exemple de simulation de position fixed t'aiderait peut-être? http://www.cssplay.co.uk/layouts/fixed.html
Il utilise les commentaires conditionnels.

je ne vois pas le lien avec mon souci :(
tu as repéré un problème franky ?

Tu ne vois pas le lien ou c'est moi qui ne comprends pas bien ton problème!? Ce que tu cherches à faire, à ce que j'ai compris, c'est de simuler position:fixed d'après le comportement d'IE.
Pour moi, le plus simple est de copier le comportement du lien.

heu non j'ai peur que ce ne soit toi qui ne comprenne pas le problème ... le background fixed ne me pose aucun souci, du moins je ne pense pas que mon problème soit lié à ça ...

en gros j'ai trois div sur la page, l'une en arrière plan avec l'image qui va très bein merci ;)

puis celle du menu qui devrait scroller avec la molette ... elle scrolle bien avec l'ascenceur sasn problème mais pas avec la molette ... ou alors seulement avec la molette losrque le curseur est au dessus d'une ligne de texte ou d'une image ... et ce bug n'intervient que sur le premier chargement de la page ...
ensuite le second problème est sous ffx où là je n'ai même pas accès aux elements de la page ... les images ne sont pas cliquables et la berre de srcoll n'est même pas accessible ... comme si un autre objet invisible était au dessus ???

ton document.body.onscroll est boîteux...

essaie déjà avec document comme gestionnaire;

mais évidemment, j'en suis encore au début de mon exploration de cette belle oeuvre :mrgreen:

Oui, je viens de comprendre ce que tu fais, ça correspond plutôt à ça http://www.cssplay.co.uk/layouts/bodyfix.html
Est-ce que ça répond à ton problème le fait de mettre overflow:auto dans le body et de virer celui de la classe .page?

je ne sais pas pourquoi je sens comme une pointe de sarcasme dasn la formulation de "belle oeuvre" ... :mrgreen:
le code demande bien entendu à être nettoyé ...
j'est un premier jet :oops:


j'aurais laissé un body onscroll ... il ne sert à rien puisque le body ne scrolle pas ... !!
merci pour la piste JT ...

Non franculo je veux à tout prix éviter le scroll du body pour maitriser les scrolls individuels des divs container

nan nan, je suis admiratif (et puis j'ai suivi certaines étapes, depuis un an) :lol:

et pour ffx, il n'aime pas le document.body.focus() hein!
mais tu as dû remarquer...

c'est tout de même étrange ce coup du bug au premier chargement seulement;

sinon, tu peux dire ce que tu veux faire avec ces scroll?
ça concerne la bulle descriptive? c'est pour la placer au bon endroit? ou c'est autre chose?

Citation:

---

Envoyé par SpaceFrog

Non franculo je veux à tout prix éviter le scroll du body pour maitriser les scrolls individuels des divs container

---

Tu veux pas mettre page2 en display none, quand tu ne l'utilises pas? A mon avis, c'est celui là qui ne va pas.

Sous Opera, je ne peux clicquer sur personne, c'est une catastrophe.

Sinon, dans tes li, tu aurais quand même pu mettre des a pour éviter de tout réinventer.....

Denis c'est pas ce que je fais ... page 2 passe bien en display non quand il n'est pas utilisé ...


JT merci j'avais laissé trainer des body.scroll alors qu'il sont devenus inutilse, je les ai tous remplacés par des evenement scroll sur les divs ...
mais le bug persiste, c'est très curieux au premier chargement du menu, celuici ne scrolle avec la molette que si le curseur est au dessus d'une zone "pleine" , genre le div est "transparent"... 8O

Pour le coup de firefox et opéra, j'ai l'impression que c'est le div id=masque qui empèche le click ??? mais il est en display:none ... alors j'ai essayé de lui coller un z-index inférieur à celui de page1 mais pas mieux ... mais il empèche tous les clicks sur la page et mêem l'accès à la scrollbar ... :cry:

je recolle la version modifiée en ligne dasn 5 mins ...

JT dsolé j'ai loupé une partie de la reponse ...
pour le scroll de page1, la bulle se place corectement, j'en ai besoin pour dexu raisons:
la convivialité du site ... le menu étant sur une assez grande hauteur il est plus sympa de pouvoir le scroller à la molette .. l'ami molette biensur ...

sinon j'ai aussi besoin de stocker la position du scroll afin de revenir au même endroit quoi que là étant affranchi du scroll sur le body ...

Citation:

---

Envoyé par SpaceFrog

Denis c'est pas ce que je fais ... page 2 passe bien en display non quand il n'est pas utilisé ...

Pour le coup de firefox et opéra, j'ai l'impression que c'est le div id=masque qui empèche le click ??? mais il est en display:none ... alors j'ai essayé de lui coller un z-index inférieur à celui de page1 mais pas mieux ... mais il empèche tous les clicks sur la page et mêem l'accès à la scrollbar ... :cry:

---

Ben moi, j'ai l'impression que c'est le page2 qui gene tout le monde... Tu peux pas tester en retirant juste page2?

ben au depart la page2 est en display none ... et même quand je le colle en dur dans la balise j'ai le même résultat ... :(

Bon alors après m'être battu un peu avec le cache, il semblerait bien que c'était en effet un problème de display sur le div page2 ...
on dirait que tout roule ...
testé sous IE et ffx ...
voyez vous des choses qui clochent ?

En tous les cas merci de votre aide précieuse...

Et au fait JT ça ne fait pas un an que je suis dessus ... l'année dernière c'était le même principe mais un autre site ... ;)

Arf il y a encore un tout petit point qui me chifonne avec ffx ...
lors de l'affichage de la "page produits" (page2) IE se positonne correctement sur l'ancre dans le div en overflow:auto c'est à dire que l'ancre vient se positionenr en scrollTop 0 du div avec un location.href=#ancre
ça n'a pas l'air d'être le cas avec firefox le div ne scrolle pas automatiquement ??
dois-je passer par un positonnement direct en scrollant dynamiquement le div ?