Липкий нижний колонтитул, перекрывающий содержимое

Question

У меня есть нижний липкий нижний колонтитул на моей странице, но он перекрывает мой контент. Это способ исправить это, не устанавливая конкретную высоту нижнего колонтитула и оставляя тот же самый высоту в теле HTML?

Ссылка на мой сайт: https://www.rajohan.no/index.php?page=movie&category=comming

Answer 1

Если вы используете эти стили на #content

display: flex;
flex-direction: column;
max-height: 100vh;

только #content_box будет прокручиваться

Answer 2

Ваш идентификатор contentbox также занимает место для нижнего колонтитула, может быть, настройка его высоты поможет

Answer 3

Если ваш #content_box настроен так, чтобы занимать оставшуюся часть страницы после заголовка, а ваш #bottom установлен в нижней части страницы, то он будет перекрываться, как вы можете видеть.

Лучший способ решить эту проблему - выделить #botom так много места, вы можете сделать это в процентах, если вы беспокоитесь о масштабируемости.

Помимо этого, вы можете попробовать:

#content_box {
    background-color: #ffffff;
    min-width: 100%;
    min-height: 75vh;
    text-align: center;
    padding-top: 20px;
    overflow-y: auto;
    display: inline-block;
    }
#bottom {
    background-color: #4d4d4d;
    min-width: 100%;
    padding-bottom: 5px;
    border-top: 1px solid #e87f29;
    color: #efefef;
    text-align: center;
    /* position: fixed; */
    bottom: 0;
    display: inline-block;
}

Также помните, что ваша страница не прокручивается:)