Css Firefox'da Position Fixed Çalışmıyor
Merhabalar. Firefox'da genel olarak "position:fixed" sorunu var, internetten anladığım kadarıyla. Çözümü var mı bu sorunun acaba?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
Peki benzer bir soru sorayım. Yapmaya çalıştığım sitede, header alanı, content alanı ve footer alanına "container" div'i koydum. Site aynı hizada olabilisin diye. Chrome'da aşağıdaki kodları "footer" ın css'sine yazdığımda aşağıdaki resimde olduğu gibi bir sonuç çıkıyor. footer alanı sağa doğru kayıp gidiyor. Ortada hizalı değil yani.
https://www.hizliresim.com/fdc8k9m
display: grid;
grid-template-columns: auto;
width:100%;
height: 50px;
line-height: 50px;
position: fixed;
bottom: 0px;
background: #9c88f7;
text-align: center;
color: #fff;
firefoxta perspektif olayından dolayı sabitler her zaman çalışmaz kapatmak için
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
bunları kullanabilirsin. Firefox perspektif yapamaz ve sabitleri kullanabilirsin.