Problème de z-index sous IE

Problème de z-index sous IE - Web design - Graphisme

Marsh Posté le 07-03-2007 à 19:00:29    

Bonjour !
 
J'ai réalisé un menu déroulant qui fonctionne sans javascript. Seul problème : le menu disparait sous Internet Explorer (mais pas Firefox) lorsqu'il se déploie et passe sur un autre calque. Je n'y comprends rien, les z-index sont pourtant bien réglé... est-ce un problème d'Internet Explorer ? En effet, cela marche très bien avec Firefox !
 
Mon site se trouve ici : http://www.bastien.dnsalias.net/site_crpe/index.html (c'est pas très joli, c'est juste un page de test).
 
Merci d'avance pour votre aide, je suis vraiment coincé !

Reply

Marsh Posté le 07-03-2007 à 19:00:29   

Reply

Marsh Posté le 07-03-2007 à 19:31:32    

Evite de poster 2 fois le même topic...
 
http://forum.hardware.fr/hfr/Graph [...] 6267_1.htm
 
Et comme dit dans la réponse précédente du topic précedent, regarde ce qu'il existe sur le web...
 
Google c'est génia : http://www.google.fr/search?hl=fr& [...] +css&meta=
 
Parceque tu vois :
 
 - http://www.peutetreunereponse.net/article-1175702.html (menu horizontal)
 - http://css.developpez.com/cours/menuderoulant/ (menu horizontal)
 
Je sais, tu veux un menu vertical : ben tu cherche ;)
 
On va pas ré-inventer la roue non plus...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 07-03-2007 à 19:35:21    

premier topic effacé, merci de psoter à la suite de celui ci maintenant


---------------
TZR un jour…  |  gamertag: cropNcut
Reply

Marsh Posté le 07-03-2007 à 19:56:41    

Mon problème n'a rien à voir avec la conception d'un menu déroulant... si tu avais pris la peine d'ouvrir ma fenêtre tu aurais vu que mon menu déroulant est déjà en place... Il s'agit d'un problème de positionnement entre les calques qui fait que cela ne fonctionne pas sous Internet Explorer !
 
Pire encore, le deuxième site que tu m'indiques en lien semble avoir le même problème (voir "résultat" en fond de page). Il est impossible à utiliser avec IE7 : le menu disparait lorsqu'on on essaie de cliquer dessus.
 
Et je connais Google, merci.

Message cité 1 fois
Message édité par bastien300 le 07-03-2007 à 19:58:04
Reply

Marsh Posté le 07-03-2007 à 20:09:54    

bastien300 a écrit :

Mon problème n'a rien à voir avec la conception d'un menu déroulant... si tu avais pris la peine d'ouvrir ma fenêtre tu aurais vu que mon menu déroulant est déjà en place... Il s'agit d'un problème de positionnement entre les calques qui fait que cela ne fonctionne pas sous Internet Explorer !
 
Pire encore, le deuxième site que tu m'indiques en lien semble avoir le même problème (voir "résultat" en fond de page). Il est impossible à utiliser avec IE7 : le menu disparait lorsqu'on on essaie de cliquer dessus.
 
Et je connais Google, merci.


 
Tu veux donc faire quoi ? créer ton propre menu qui marche pas ou utiliser un menu qui fonctionne sous ie et ff comme ceux-ci ?
 
http://css.alsacreations.com/xmedi [...] tical.htm#
 
http://css.alsacreations.com/xmedi [...] smenu4.htm
 
http://www.seoconsultants.com/nav/x/left-mother.asp
 
T'as trouvé quoi de ton côté ?
 
Ton menu est en place, certes, mais il marche pas  :D  
 
Y a tellement d'exemple sur le net que tu peux t'en inspirer largement...
 
(AKOTéDELAPLAK SPOTTED ! ;))


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 07-03-2007 à 20:10:51    

En plus tu saisi pas que t'as toute l'aide necessaire, et tu te sens agressé du coup... Alors que non :)


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 07-03-2007 à 20:18:13    

J'ai déjà essayé les menus que tu proposes... le problème est toujours le même : quand le menu se déploie, il est caché par le calque adjacent au menu, mais uniquement sous Internet Explorer. En d'autres termes, le menu fonctionne, mais la positionnement des calques l'empêche d'être utilisable. Enfin merci déjà pour ton aide, je vais essayer de me renseigner davantage sur le z-index des calques et la compatiblité avec internet explorer...

Reply

Marsh Posté le 07-03-2007 à 20:26:39    

T'es le seul à avoir ce problème alors... Parceque dans tous les exemples donné, ca fonctionne...
 
Au passage, ton menu fonctionne pas du tout sous firefox...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 07-03-2007 à 22:11:57    

Bon, d'après ce que j'ai compris, Internet Explorer ne gère les z-index (qui permettent de placer des calques sur différents niveau) que si ces calques sont positionnées de la même manière (absolute, relative..).
 
Donc, partant de là, j'ai tout repris à zéro... Voici le nouveau menu :
 
http://www.bastien.dnsalias.net/essai/test.html
 
Désolé de t'ennuyer encore Pykslel, mais ton message précèdent m'as fait douter un peu... tu peux me confirmer qu'il marche chez toi ?

Reply

Marsh Posté le 07-03-2007 à 23:05:13    

chez moi ca marche sous firefox 2 et IE 7


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 07-03-2007 à 23:05:13   

Reply

Marsh Posté le 08-03-2007 à 06:16:04    

Je dirai surtout que le z-index ne fonction que si le "calque" est positionné (absolu, fixed, relative) et cela est valable pour tous les navigateurs

Reply

Marsh Posté le 25-07-2007 à 16:29:05    

J'ai le même problème que lui...
 
Et tous mes calques sont positionnés, tous en absolute.
 
J'avais une image de fond sur laquelle je voulais faire apparaître des zones cliquables et des png. Jusqu'ici, ça allait...
 
J'ai voulu faciliter le chargement de la page en transformant mon fond en plusieurs images.
 
Evidmement, un tableau aurait été trop simple, ça buggait, etc.
 
Du coup, j'ai utilisé les calques. Et là, malheur, sous IE, touts mes zones cliquables etc sont recouvertes par mes nouveaux calques ! Evidemment, sous Firefox, aucun problème... (encore que, ça m'a tout décalé de quelques pixels vers la droite)
 
Les z-index n'y font rien.
 
Est-ce que quelqu'un a une idée ?


---------------
mon Feed : http://forum.hardware.fr/hfr/Achat [...] 6276_1.htm
Reply

Marsh Posté le 25-07-2007 à 16:30:13    

Oups, j'ai oublié l'essentiel...
 
voici le lien de la page incriminée :
 
http://lasilerpg.free.fr/accueil.html


---------------
mon Feed : http://forum.hardware.fr/hfr/Achat [...] 6276_1.htm
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed