HTML~~overflow, czyli czemu ten dziad nie chce wejść w odpowiednie miejsce.

pytanie zadane 20 grudnia 2019 w Nasze poradniki przez NobNoberski Nowicjusz (150 p.)
edycja 20 grudnia 2019 przez NobNoberski

A więc jak w tytule. Po skończonym odcinku czwartym html'a postanowiłem dokończyć stronę i dodać coś od siebie. Po wystylizowaniu scroll'a chciałem go dodać do diva aczkolwiek strona pokazywała mi dwa scroll'e(ten w divie kontener nie działał), lub nic się nie ruszało. Chciałem jeszcze aby ten div stopki się przyczepiał dolnej części ekranu w wyznaczonym miejscu(ale to druga sprawa mniej ważna. Pewnie sam w końcu dojdę co jest nie tak).

Jakieś pomysły?

Folder z plikami:Cały plik

komentarz 20 grudnia 2019 przez lateM Pasjonat (17,660 p.)

Dodaj kod, skąd mamy wiedzieć jakie style ma ten scroll? I dlaczego wybrałeś akurat tagi "html" i "js", kiedy temat dotyczy CSSa?

komentarz 20 grudnia 2019 przez NobNoberski Nowicjusz (150 p.)

Dodałem cały folder z kodem i plikami niezbędnymi do włączenia strony. Wybrałem tag HTML ponieważ zrobiłem tę stronę razem z odcinkiem czwartym html'a(i nie wiem czy mogę podpiąć samego scroll'a w tym miejscu) a JS dodałem bo myślę że ten drugi problem może akurat dotyczyć właśnie niego. Ale fakt mój błąd że nie dodałem tagu CSS.

1 odpowiedź

odpowiedź 22 grudnia 2019 przez antypop Mądrala (5,730 p.)
wybrane 23 grudnia 2019 przez NobNoberski

Najlepsza

Hej, nie wiem czy skumałem o co Ci chodzi ale wydaje mi się że mogło by to wyglądać tak:

zmiana w dwóch miejscach w CSS, body:

body {    
    background-image: url(img/tlo.png);
    margin: 0px;
    font-family: 'Bebas Neue', cursive;
    font-size: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
}

I twój container :

#container {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    width: 879px;
    padding: 10px;
    border-left: 1px solid gray;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow-y: auto;
    max-height: 80vh; //tutaj możesz wykorzystać też calc(100vh - wysokość footera)
}