Discussion :

[nixonne]

Bonjour,

J'ai 4 div au total, un qui contient tout (en noir) un qui contient une zone avec d'autre elements (en rouge), un qui contient des div déplacable en Drag&Drop (zone bleu et violet pour les D&D).

lorsque je veux déplacer mon element D&D vers la zone rouge, il passe en dessous.

Voici un petit schema explicatif des div (le 1er qui se moque de mes talents d'artiste aura a faire a moi )
|-----------------------------------------------|
||--------------------||-----------------------||
|| aaaaaaaaaaaaaaaaa||bbbbbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbb|----|bbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbb|D&D|bbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbb|D&D|bbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbb|D&D|bbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbb|----|bbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||---|bbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||&D|bbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||&D|bbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||&D|bbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||---|bbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbbbbbbbbbbbbbbbb||
|| aaaaaaaaaaaaaaaaa||bbbbbbbbbbbbbbbbbbbb||
||--------------------||-----------------------||
|-----------------------------------------------|

Voici maintenant les CSS:

Div rouge:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
width:310px;
height:100%;
position: absolute;
margin:0px;
padding:0px;
z-index:2;
background-color:transparent;

Div bleu:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
width:671px;
height:100%;
position:absolute;
left:310px;
overflow-y:auto;
overflow-x:visible;
z-index:4000;

Div violet:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
position:absolute;
z-index:5000;

Pouvez vous m'éclairer?

Merci d'avance

Nixonne

[franculo_caoulene]

Salut,

Tes div violets sont placés où dans le code HTML?

[Sheriff]

salut !
peut être que c'est en rapport avec l'ordre de déclaration ?
@+

[nixonne]

@franculo_caoulene> mes div violet sont déclarer dans le div bleu

@Sheriff> ma décalration est bonne c'est a dire que je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<div "noir">
  <div "rouge">
    aaaa
  </div "rouge">
  <div "bleu>
    bbb
    <div "violet">
      D&D
    </div "violet>
    bbb
  </div "bleu">
</div "noir">

J'ai oublié de préciser: sous IE6&FF1.0.x le div violet est au dessus du rouge sous FF 1.5.x le div violet est en dessous du rouge

Nixonne

[grimsk]

Ca ressemble a quoi ton code drag N drop?

[nixonne]

le Code drag&drop sert juste a passer le z-index de 4999 à 5000 lorsque l'element est selectionné (pour qu'il soit au dessus des autre element D&D)