Footer Sabitleme Sorunu

30-10-2017, 02:01:48

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaşlar ne yaptıysam footer alanını alta sabitleyemedim.Sayfa açılış ekranında en altta duruyor fakat aşağıya kaydırınca açılış ekranında belirli pozisyonda kalıyor, yardımcı olursanız sevinirim.

30-10-2017, 02:28:38

#2

~~habade~~

Üyeliği durduruldu

Sayfanin linkini verseydin daha kolay olurdu ama.
footer css ine position:fixed; bottom:0px;
footerden önceki elementede footerin yüksekliği kadar margin-bottom:xx px; vermen işini çözer herhalde
kolay gelsin.

30-10-2017, 02:34:02

#3

TemaDizayn

habade adlı üyeden alıntı: mesajı görüntüle

Sayfanin linkini verseydin daha kolay olurdu ama.
footer css ine position:fixed; bottom:0px;
footerden önceki elementede footerin yüksekliği kadar margin-bottom:xx px; vermen işini çözer herhalde
kolay gelsin.

hocam localhost'a çalışıyorum şuanda dediğinizi yapınca evet sabit kalıyor fakat content alanı yüksekliğide sabit kalıyor

30-10-2017, 02:40:05

#4

~~habade~~

Üyeliği durduruldu

content alanı yuksekliği ile ilgili birşeyi değiştirmez bu yazdığım. sadece footeri alta sabitler ve footerdeki elementlerin görünür olmasını sağlar. daha fazlası için çalışır halini görmek gerekir

30-10-2017, 15:46:42

#5

coder16

Kimlik doğrulama veya yönetimden onay bekliyor.

footer kodu herhangi bir katmanın içinde olmaması lazım, veya içinde olduğu katman position değeri almaması lazım. Bu şekilde arkadaşın verdiği kod çalışacaktır.

30-10-2017, 16:12:37

#6

SametALMDR

Canlı görebilirsek daha yardımcı olabiliriz.

30-10-2017, 20:02:09

#7

TemaDizayn

SametALMDR adlı üyeden alıntı: mesajı görüntüle

Canlı görebilirsek daha yardımcı olabiliriz.

localde çalışıyorum hocam @habade arkadaş yardımcı oldu teşekkür ederim. Benim gibi sorun yaşayanlar aşağıda js kodunu düzenleyerek halledebilirler.

<script>
$(document).ready(function(){
  if($('.page-box-content').height() < $(window).height()){
    $('#footer').attr("style","position:fixed;bottom:0px;");
  }else{
    $('#footer').removeAttr("style");
  }
});
</script>