Problème avec menu déroulant (select) et calque (div)sous IE

par **zola2** » 09 mai 2005, 12:44

J'ai trouvé une solution le problème que je rencontre provient d'un bug d'IE... faut utilisé du javascript pour gérer ca...

Cf :

http://www.asp-php.net/scripts/scriptin ... php?page=1

par **seayoung** » 09 mai 2005, 12:42

Oui Cyrano DSL je n ai pas tourner trois fois mon google sur mon petit FF.
Et tu as raison a deux reprises (il est vraiment trop fort ce cyrano) il semblerai que la seule solution a ce beug IE ( ou du moins je devrais dire a un des beugs IE ) est de faire un visibility:hidden;
sinon il semblerai qu il n y ai pas de solution

par **Cyrano** » 09 mai 2005, 12:33

Ce qu il me perturbe dans ce que je vois c'est que pour un bout de ton formulaire, il est cacher par ton calque est pas l autre.
Alors la question que je me pause (revient a une reflexion de Cyrano) as tu bien mis les propriétés de z-index au niveau des propriétées de la pile

Oui seayoung, j'ai fait des essais, c'est propre à IE qui ne tient pas compte du z-index avec une balise select.

par **seayoung** » 09 mai 2005, 12:11

Ce qu il me perturbe dans ce que je vois c'est que pour un bout de ton formulaire, il est cacher par ton calque est pas l autre.
Alors la question que je me pause (revient a une reflexion de Cyrano) as tu bien mis les propriétés de z-index au niveau des propriétées de la pile

par **Cyrano** » 09 mai 2005, 11:49

La seule façon de cacher le menu déroulant avec IE, c'est de jouer sur la propriété CSS "visibility" avec un patit javascript: quand tu veux masquer, tu ajoutes "visibility: hidden" et sinon, tu ne mets rien et le calque disparait ou passe derrière ou ce que tu veux.

J'avoue que je n'ai toujours pas compris l'intérêt de cacher le formulaire derrière un calque...

par **zola2** » 09 mai 2005, 10:45

Bon....

Pas de solution...

Sous Firefox :

Sous Internet Explorer :

Toujours le même problème avec Internet Explorer...

Fichier source :

http://www.bc-partners.fr/test.php

par **Cyrano** » 05 mai 2005, 19:37

J'avais bien compris et ma réponse est toujours la même: ajuste avec la feuille de style. : la position du calque de couverture, la position du formulaire qui lui même peut être dans un <div>, dans le formulaire des éléments aux dimensions réglés par CSS, tu peux ajuster complètement la mise en page en CSS et avoir l'effet voulu.

par **zola2** » 05 mai 2005, 19:32

La c'est un exemple... c pas une histoire d'uniformisé, je veux juste pouvoir mettre un calque au dessus d'un formulaire...

par **Cyrano** » 05 mai 2005, 19:30

Alors ajuste les dimensions de ton calque, règles les hauteurs de lignes, bref, travailles sur les CSS, c'est là que tu arriveras à uniformiser.

par **zola2** » 05 mai 2005, 19:26

Mais non c'est pas ca, sur la page : http://www.e-bahut.com/exemple2.php
Le rectangle rouge (calque) devrait recouvrir entierement le formulaire (conforme z-index) et ce n'est pas le cas sous Internet Explorer...

par **Cyrano** » 05 mai 2005, 17:57

il n'est ouvert que le temps de la sélection. Dès qu'un choix est cliqué, il revient à sa hauteur normale que tu peux limiter à une ligne (size="1")

par **zola2** » 05 mai 2005, 17:39

J'ai developpé un menu deroulant avec des calques mais sur une page du site sur le quel je veux l'installer il y a un formulaire et malheureusement sous IE le formulaire (balise select) cache ce menu quand il est ouvert...

:(

par **Cyrano** » 05 mai 2005, 17:36

Effectivement, et là, j'avoue que je ne sais pas comment modifier ça: la seule chose que tu pourrais faire, ce serait de mettre un style visibility: hidden dans le select.

Pourquoi veux-tu masquer le formulaire si ce n'est pas indiscret ?

par **zola2** » 05 mai 2005, 17:32

Oui j'ai essayé sous Firefox aucun problème mais sous IE le menu select ne prend pas en compte la valeur de z-index...

par **Cyrano** » 05 mai 2005, 16:52

Il faut que tu organises l'ordre de z-index : extrait du fichier d'aide de WebExpert:

Un nombre indique la place de l'élément dans l'ordre de la pile. Par exemple, dans le cas d'une pile de trois éléments auxquels on a attribué les nombres 0, 1 et 2, l'élément doté de la valeur 2 sera au-dessus de la pile alors que celui ayant le zéro (0) sera sous tous les autres, 1 étant entre 0 et 2.
La valeur zéro (0) établit toujours le début d'une nouvelle pile.

Problème avec menu déroulant (select) et calque (div)sous IE

Répondre

Étendre la vue Revue du sujet : Problème avec menu déroulant (select) et calque (div)sous IE