Discussion :

[l_achraf]

Bonjour tout le monde,

J'ai un scrollbar (au column2) qui est verticale. Comment pourrais-je la rendre horizontale au small screen size.

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
26
27
28
29
30
31
32
33
34
35
36
37
.column1 {
    background-color:#7CA8B1;
    padding: 10px;
     max-height: 540px; 
    overflow: auto;
 
}
 
.column2 {
    background-color:#F6F4F3;
    max-height: 540px; 
    padding: 10px;
    overflow: auto;
}
 
.column2 > div:nth-child(even) {
    background-color: lightyellow;
    border: 1px dashed;
    padding: 5px;
}
.column2 > div:nth-child(odd) {
    background-color: lightyellow;
    border: 1px dashed;
    padding: 5px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
 
/*small*/
@media (max-width: 576px) {
 
????
 
  }

Merci beaucoup pour votre aide.

[Invité]

Bonjour,

du code CSS sans le code HTML associé ne peut pas être testé.

D'autre part, tu es en overflow:auto; : il n'y a rien à faire (c'est automatique)

[l_achraf]

Merci beaucoup pour ta reponse,

voila une partie de mon code HTML

Code html :

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

1
2
3
4
5
6
7
8
<div class="row">
        <div class="column1 col-8">
            <p>contenu ici</p>
         </div>
        <div class="column2 col-4">
            <p>contenu ici</p>            
         </div>
</div>