Discussion :

[Debutant_pc]

Bonjour

Je souhaite faire un menu style "mobile".
Au click sur le bouton menu on affiche le menu mobile qui contient un menu en accordeon.
Cela fonctionne mais la div du menu ne prend pas toute la hauteur , sa hauteur ne correspond qu'à celle de son contenu.
J ai même essayé avec un min-height: 100% !important; mais rien n'y fait alors que la div de fond elle prends bien toute la hauteur...
Qu'ai-je fait de travers ?

Merci de votre aide

mon CSS:

Code css :

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
#menu_mobile_div {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        min-height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
 
    #menu_mobile {
        width: 300px;
        background: pink;
        min-height: 100% !important;
    }
 
    .bt_close {
        font-size: 2em;
        position: absolute;
        left: 270px;
        top: 10px;
        color: #fff;
        z-index: 1000;
        cursor: pointer;
    }

mon HTML :

Code html :

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

1
2
3
4
 <div id="menu_mobile_div">
        <div class="bt_menu bt_close">X</div>
        <div id="menu_mobile">ici le menu en accordeon</div>
    </div>

[Invité]

Bonjour,

ton code n'est pas suffisant : on ne peut pas tester.

[Debutant_pc]

merci d avoir pris le temps de me répondre et dsl pour mon délais de réponse mais vacances obligent ;-)

j ai finalement opté pour un template tout fait alors je mets ce post en résolu.