problème de div au dessous d'un autre
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 :mouarf:)
|-----------------------------------------------|
||--------------------||-----------------------||
|| 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:
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:
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:
1 2
| position:absolute;
z-index:5000; |
Pouvez vous m'éclairer?
Merci d'avance
Nixonne