Footer Sabitleme

.footer-widget p {
    margin-bottom: 27px;
}
.dk-footer {
  padding: 75px 0 0;
  background-color: #151414;
  position: fixed;
  z-index: 2; 
}
.copyright {
  padding: 28px 0;
  margin-top: 55px;
  background-color: #202020; }
  .copyright span,
  .copyright a {
    color: #878787;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .copyright a:hover {
    color:#007bff; }

.copyright-menu ul {
  text-align: right;
  margin: 0; }

.copyright-menu li {
  display: inline-block;
  padding-left: 20px; }

.back-to-top {
  position: relative;
  z-index: 2; }
  .back-to-top .btn-dark {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #2e2e2e;
    border-color: #2e2e2e;
    display: none;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .back-to-top .btn-dark:hover {
      cursor: pointer;
      background: #FA6742;
      border-color: #FA6742; }

Footer'ı aşağıya sabitleme konusunda sıkıntım mevcut 1. fotoğraf'da aşağıya sabitlenmesi gerek 2. fotoğraf'da üstünde tablolar olduğu aşağı sabitlenik fakat yakınlaştır yada uzaklaştır yaptığımda tekrardan aşağıya sabitlenmiyor.

HTML KISMI AŞAĞIDA;

    <footer id="dk-footer" class="footer">
        <div class="copyright">
            <div class="container">
            <div class="col-md-6">
                <img width="100" src="img/steamcmd.png"></img>&nbsp;&nbsp;
                <img width="100" src="img/Valve_logo.svg"></img>
            </div><br>
                <div class="row">
                    <div class="col-md-6">
                        <span>Copyright © 2021 Tüm Hakları Saklıdır.</span>
                    </div>
                    <div class="col-md-6">
                        <div class="copyright-menu">
                            <ul>
                                <li>
                                    <a href="index.php">ANASAYFA</a>
                                </li>
                                <li>
                                    <a target="_blank" href="/ardadosyayonetici">DOSYA YÖNETİCİSİ</a>
                                </li>
                                <li>
                                    <a href="eklentiayarlar.php">EKLENTİ AYARLARI</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="back-to-top" class="back-to-top">
            <button id="yukari_buton" class="btn btn-dark" title="Back to Top" style="display: block;">
                <i class="fa fa-angle-up"></i>
            </button>
        </div>
    </footer>
    <script>
    var btn = $('#yukari_buton');

    $(window).scroll(function() {
      if ($(window).scrollTop() > 300) {
        btn.addClass('show');
      } else {
        btn.removeClass('show');
      }
    });

    btn.on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({scrollTop:0}, '300');
    });
    </script>

detayları pmden atabilirsiniz

Tüm detaylar burada'dır ekstra olarak istediğiniz bir şey var ise atabilirim.

Güncel