• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Scrollbar nie działa

VPS Starter Arubacloud
+1 głos
270 wizyt
pytanie zadane 28 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
<div class="servers-list">

                <div class="servers-zone">
                    <button name="EU">
                        <div class="eu-server">
                            EU
                        </div>                  

                    </button>

                    <button name="NA">
                        <div class="na-server">
                            NA
                        </div>
           
                    </button>

                    <button name="AS">
                        <div class="as-server">
                            AS
                        </div>

                    </button>
                </div>
                
            </div>
.servers-list {
  float: left;
  width: 320px;
  min-height: 462px;
  background-color: #181818;
  border-radius: 3px;
  box-shadow: 0 0 4px 2px #0a0a0a;
  margin-right: 9px;
  margin-left: 9px;
  overflow: auto;
}

Nie działa mi scrollbar, ale nie wiem co robię źle.
Mam już jednego scrollbara, który mi działa, ale niestety drugi już nie.
Kod na samej górze jest od nie działającego scrollbara

<div class="skins-container">
            </div>
.skins-container {
  float: left;
  width: 320px;
  height: 290px;
  background-color: #181818;
  border-radius: 3px;
  box-shadow: 0 0 4px 2px #0a0a0a;
  font-family: 'Josefin Sans', sans-serif;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 9px;
  overflow: auto;
}

 

1 odpowiedź

0 głosów
odpowiedź 28 marca 2021 przez VBService Ekspert (251,210 p.)
edycja 28 marca 2021 przez VBService

Dodaj do                                                                                                         

  width: 320px;
  min-height: 462px;
  height: 462px;
<div class="servers-list">
  <div class="servers-zone">
    <button name="EU">
      <div class="eu-server">EU</div>
    </button>
    <button name="NA">
      <div class="na-server">NA</div>
    </button>
    <button name="AS">
      <div class="as-server">AS</div>
    </button>
  </div>

  <div style="height: 1000px;">Test</div>

</div>
.servers-list {
  float: left;
  width: 320px;
  height: 462px; /* dodane */
  min-height: 462px;
  background-color: #181818;
  border-radius: 3px;
  box-shadow: 0 0 4px 2px #0a0a0a;
  margin-right: 9px;
  margin-left: 9px;
  overflow: auto;
}

 

Podobne pytania

+1 głos
1 odpowiedź 122 wizyt
pytanie zadane 4 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
1 odpowiedź 230 wizyt
pytanie zadane 30 grudnia 2021 w Inne języki przez TheDarkSide Użytkownik (930 p.)
+1 głos
2 odpowiedzi 106 wizyt
pytanie zadane 29 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...