Bonjour,

J'ai un problème que je ne comprend pas. Voici mon code :
Code html : 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<style>
body {
    margin: 50px
}
 
        
        
.div-tableau {
    display: table;
    width:1200px;
    margin: auto;
    table-layout:fixed;
}
 
.div-tableau div {
    display: table-cell;
    vertical-align:middle;
}        
        
 
.nav-mon-compte {
    position: relative;
    display: inline-block;
    z-index: 1;
}
 
.nav-mon-compte-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 220px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
 
.nav-mon-compte-content a {
    padding: 10px 10px;
    display: block;
}
        
.nav-mon-compte:hover .nav-mon-compte-content {
    display: block;
}            
 
.nav-mon-compte-content a:hover {
    background-color: #f5f5f5;
    display: block;
}
 
</style>
 
</head>
 
<body>
 
<div class="div-tableau">
 
    <div class="nav-mon-compte">
 
        <button type="button">Mon compte</button>
        <div class="nav-mon-compte-content">
            <a href="#">Un lien</a>
            <a href="#">Un lien</a>
            <a href="#">Un lien</a> 
            <a href="#">Un lien</a>
            <a href="#">Un lien</a>
            <a href="#">Un lien</a> 
        </div>
 
    </div>
 
</div>    
 
 
</body>
</html>

Il s'agit d'un dropdown qui fonctionne si je ne met pas le div class="div-tableau
Vous allez me dire d'enlever mon div mais je ne peux pas car j'en ai besoin (je vous fourni un code très simplifié)

Donc, ma question est comment faire pour que mon dropdown fonctionne avec le div class="div-tableau ?

Merci d'avance