Une div cachée par une autre

**GUL75** · 06/10/2016, 14h23

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 :

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

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 :

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

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

Invité · 06/10/2016, 15h14

Bonjour,

1/ pourquoi avoir tout mis en position:absolute; ?
C'est une mauvaise pratique, à éviter tant que faire se peut.

2/ Pour te répondre :

soit appliquer un z-index ;
soit intervertir les <div> :

Code :

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

1
2
   		<div id="graphdiv"></div>   
 	 <div id="identifiant_attributsdiv"></div>

**GUL75** · 06/10/2016, 15h35

MERCI jreaux62!!

z index fonctionne.
En revanche, j'avais déjà intervertit les div mais rien ne fonctionnait.

Une div cachée par une autre

JavaScript

Discussions similaires

Partager

Partager