Une div cachée par une autre
Bonjour à tous!
Je viens de trouver une solution pour mon ancien message mais...les problèmes informatiques c'est comme pec citron.."quand y en a plus, y en a encore!!!"
J'ai créé une page avec des div. Pas de problème. Dans la div "contenu" il y 3 div (map, attributsdiv et graphdiv) qui s'affichent sans problème.
En revanche, j'ai créé une autre div "identifiant_attributsdiv" (qui s'affiche) que je veux faire apparaître sur une la div "graphdiv"mais là... elle se retrouve toujours derrière!!!!
J'ai essayé avec css opacity mais RIEN!
Une idée s'il vous plaît?
Merci
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<head>
</head>
<body>
<div id="contenu">
<div id="map"></div>
<div id="attributsdiv"></div>
<div id="identifiant_attributsdiv"></div>
<div id="graphdiv"></div>
</div>
</body> |
et le code css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
div#contenu {
width:100%;
height:830px;
background-color:#AA4E4E;
background-attachment:fixed;
position:relative;
}
div#bandeau {
width:100%;
height:120px;
text-align:left;
background-color:#555555;
}
div#map {
width:98.2%;
height:420px;
background-color:#EFEFEF;
position:absolute;
top:140px;
left:10px;
}
div#attributsdiv {
width:25%;
height:180px;
border-radius: 15px;
margin-bottom:0.5px;
border:2px solid #000;
background-color:#FFFFFF;
position:absolute;
top:590px;
left:10px;
padding-left: 1em;
padding-right:1em;
padding-top:1em;
text-align:center;
}
div#graphdiv {
width:35%;
height:200px;
border: 15px;
margin-bottom:1.5px;
border:2px solid #000;
background-color:#FFFFFF;
position:absolute;
top:590px;
right:10px;
}
div#identifiant_attributsdiv {
width:10%;
height:20px;
margin-bottom:0.5px;
border:0.5px solid #000;
background-color:#eeAAee;
position:absolute;
top:590px;
right:150px;
text-align:center;
} |
Une idée s'il vous plaît?
Merci
