Ziyaretçi Defterinde Footer Problemi
Merhabalar arkadaşlar. Ziyaretçi defterinde yorum yokken 1. resimdeki gibi oluyor. Footer alanı yukarı çıkıyor. Footer alanına
<?php
position:fixed; bottom:0px;
?>
<?php
<html>
<body>
<div class="text-white" style="position:fixed; bottom:0px;">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12" style="height:167px; background:#17a2b8;
display:flex; align-items:center; justify-content:center; float:left;">
<img style="width:35px; height:35px; margin-left:0px; float:left;" src="upload/icons/facebook.png" />
<img style="width:35px; height:35px; margin-left:70px; float:left;" src="upload/icons/youtube.png" />
<img style="width:35px; height:35px; margin-left:70px; float:left;" src="upload/icons/twitter.png" />
<img style="width:35px; height:35px; margin-left:70px; float:left;" src="upload/icons/instagram.png" />
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12" style="height:167px; background:red;
display:flex; align-items:center; justify-content:center; margin-left:50%;">
<div>© Tüm Hakları Saklıdır.</div> <br> <div>Mehmet Ali Yılmaz</div>
</div>
</div>
<script src="js/jquery-3.4.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/slider2.js"></script> <!-- Manşet haber script i -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
?>
https://resimyukle.net/image/bOTf
https://resimyukle.net/image/bqgZ
4.yorumu yüklediğimde sayfalama yapıyor ve normal aralıklara geliyor. Ama ben resim yokken footer alanının yukarıda olmasını istemiyorum. Yardımcı olabilirseniz sevinirim.
Merhabalar aşağıdaki kodlara bir bakabilir misiniz? Dediğinizi uyguladım. Bazı sayfaları bu şekilde düzenleyebildim ama bazı sayfaları yapamadım. Mesela index sayfası. En alttaki "div" e dediğiniz kodu uyguladım. En altta büyük bir boşluk oluşuyor. Nasıl çözebiliriz bu sorunu? Resmini de koyuyorum.
https://resimyukle.net/image/bFxB
<?php
<!doctype html>
<html lang="tr">
<script
src="https://code.jquery.com/jquery-3.5.1.js"
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Konya Bozkırlılar Derneği">
<meta name="keywords" content="bozkır, bozkırlılar derneği, konya bozkırlılar derneği">
<meta name="author" content="Mali">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fontawesome/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="css/stil.css" />
<link rel="stylesheet" href="css/solmenu.css" />
<link rel="stylesheet" href="css/benim-slider.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" media="screen" href="stil.css">
<link rel="stylesheet" href="css/etkinliklerimiz.css" />
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/admin-solmenu.css" />
<link rel="stylesheet" href="css/admin-solmenu-index.css" />
<script src="slider/package.json"></script>
<script src="slider/pgwslider.jquery.json"></script>
<script src="slider/pgwslider.js"></script>
<script src="slider/pgwslider.min.js"></script>
<link rel="stylesheet" href="slider/pgwslider.css">
<link rel="stylesheet" href="slider/pgwslider.min.css">
<script src="js/slider.js"></script>
<title>Konya Bozkırlılar Derneği</title>
</head>
<script>$('.carousel-inner div:first').addClass('active');
$('.carousel-indicators li:first').addClass('active');
</script>
<body>
<div class="container">
<div>
<img src="images/en-ust-resim-2.jpg" class="img-fluid">
</div>
<!-- Üst Menü Başlangıcı -->
<nav class="navbar navbar-expand-lg navbar-light bg-info menu">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<?php
$logosorgusu = $db->query("SELECT * FROM logo ORDER BY logo_id DESC LIMIT 1");
$logosorgusu->execute(array());
$logosorgu=$logosorgusu->fetchAll(PDO::FETCH_ASSOC);
foreach($logosorgu as $logo) {
?>
<a class="navbar-brand mt-1" href="index.php"><img src="logo/<?php echo $logo['logo_adi']; ?>" width="50" title="<?php echo $logo['logo_baslik']; ?>"></a>
<?php } ?>
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active nav-pills">
<a class="nav-link text-white" href="index.php">Anasayfa | </a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="hakkimizda.php">Hakkımızda | </a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="resim-galerisi.php">Resim Galerisi |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="video-galerisi.php">Vidyo Galerisi |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="ziyaretcidefteriformu.php">Ziyaretçi Defteri |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="iletisim.php">İletişim |</a>
</li>
</ul>
<div class="dropdown-divider"></div>
<ul class="nav navbar-nav navbar-right text-white">
<li class="nav-item">
<a class="nav-link text-white" href="kayit-formu.php">Kayıt |</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="giris-formu.php">Giriş</a>
</li>
</ul>
</div>
</nav>
<!-- Üst Menü Bitişi -->
<div class="row no-gutters mt-2" style=" min-height:100vh;">
<?php } ?>
?>