Çözüldü Mozilla ve Chromium tarayıcılardaki farklı padding değer sorunu

S0LEUS dedi:

Merhaba arkadaşlar. Sorunum şu: 5 adet inputum var ve her birine padding-top 12px değerini veriyorum bu değer Chromium tarayıcılarda istediğim gibi gözüküyor ancak aynı projeyi Mozilla'da çalıştırırsam 12px olan değer sanki 6px gibi görünüyor. Bunun çözümü nedir? Yardımcı olursanız sevinirim.

Genişletmek için tıkla...

Elio Talvinen dedi:

Box-sizing ne alemde?

Genişletmek için tıkla...

emirtanrıverdi dedi:

Farklı CSS rendering motoru kullandıklarından dolayı. JavaScript ile tarayıcı algılama eklersen Firefox'a özel CSS ekleyebilirsin.

Genişletmek için tıkla...

emirtanrıverdi dedi:

İf (navigator. Useragent. İndexof("Firefox")!= -1) {
Document. Getelementbyıd("csslink").setattribute("href", "Firefox. CSS");
} Else if (navigator. Useragent. İndexof("Chrome")!= -1 || navigator. Useragent. İndexof("Chromium")!= -1) {
Document. Getelementbyıd("csslink").setattribute("href", "style. CSS");
} Else {
// Firefox disindaki tarayicilar icin varsayilan CSS.
Document. Getelementbyıd("csslink").setattribute("href", "style. CSS");
}

Head kısmınada <link ID="csslink" rel="stylesheet" href="style. CSS">

Atarsan halledersin.

Genişletmek için tıkla...

mxxm dedi:

Padding eklediğin her elemente şu şekilde box sizing belirtirsen sorun çözülür.

CSS:Panoya kopyala

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

Genişletmek için tıkla...