Chrome'da ufak bir css sorunu

31-05-2018, 18:57:11

Makale içi reaksyon kutusu firefox'ta olması gerektiği gibi çaşıyor,ama chrome'da normal pozisyonundan daha aşağıda çıkıyor.İlginç olan ise sitede girdiğiniz ilk makale sayfasında bu hata yok.Başka makaleye geçiş yaptığınızda bu problem çıkıyor.Öğeyi denetleyip sayfada herhangibi bir yeri değiştirdiğimde geri düzeliyor.

Firefox

Chrome

31-05-2018, 20:47:39

#2

ikipac

Sorunu çözdünüz mü bilmiyorum ama şuan Mozilla-Opera-Chrome'da normal pozisyonda görünüyor. Sıkıntı yok.

31-05-2018, 22:45:27

#3

Breakupsong

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

Sorunu çözdünüz mü bilmiyorum ama şuan Mozilla-Opera-Chrome'da normal pozisyonda görünüyor. Sıkıntı yok.

Yok hocam hala aynı.Farklı makale sayfalarına da baktınız mı acaba ?

01-06-2018, 00:05:47

#4

ikipac

Evet başka konulara bakınca sorun oldu. Verdiğiniz linke bakmıştım sadece onda sıkıntı yoktu.

Sorunu buldum hocam.

float: inline-end edilmiş. Bunu mozilla tanıyor ama opera ve chrome tanımıyor. O yüzden yapmanız gereken şey float: left olarak değiştirmek;

.reactionbilim {
float: left;
}

01-06-2018, 11:34:50

#5

Breakupsong

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

Evet başka konulara bakınca sorun oldu. Verdiğiniz linke bakmıştım sadece onda sıkıntı yoktu.

Sorunu buldum hocam.

float: inline-end edilmiş. Bunu mozilla tanıyor ama opera ve chrome tanımıyor. O yüzden yapmanız gereken şey float: left olarak değiştirmek;

.reactionbilim {
float: left;
}

Çözüldü hocam teşekkürler.

01-06-2018, 14:23:02

#6

mehmetarik

Hocam CSS'de tarayıcı sorunu yaşanıyorsa ufak trickleri var.

İnternet Explorer
*#icerik{display:block;} başına * koyunca Firefox ve Chrome bu kodu okumaz ama İnternet Explorer okur. Sadece ona özel CSS yazmış olursun
Chrome
-webkit öneki sadece Chrome'de çalışır
-webkit-border-radius{4px;}
Firefox
-moz öneki sadece Firefox'da çalışır
-moz-border-radius{4px;}