6 replies

Footer not sticking to the bottom

Hello guys,
For some reason, when there is not a lot of content a page, the footer sticks to the middle. When there is enough content, it is fine.
Here is the footer.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>footer</title>
</head>
<body>
<footer class="bg-light text-center py-3 sticky-bottom mt-5" id="footer" th:fragment="footer">
    <div class="footer">
        &copy; 2024 PHYGITAL. All rights reserved.
    </div>
</footer>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>footer</title>
</head>
<body>
<footer class="bg-light text-center py-3 sticky-bottom mt-5" id="footer" th:fragment="footer">
    <div class="footer">
        &copy; 2024 PHYGITAL. All rights reserved.
    </div>
</footer>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>footer</title>
</head>
<body>
<footer class="bg-light text-center py-3 sticky-bottom mt-5" id="footer" th:fragment="footer">
    <div class="footer">
        &copy; 2024 PHYGITAL. All rights reserved.
    </div>
</footer>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>footer</title>
</head>
<body>
<footer class="bg-light text-center py-3 sticky-bottom mt-5" id="footer" th:fragment="footer">
    <div class="footer">
        &copy; 2024 PHYGITAL. All rights reserved.
    </div>
</footer>
</body>
</html>

Its a thymeleaf fragment that Im using on every page.

Footer not sticking to the bottom

Similar Threads

Similar Threads

Similar Threads