Firefox vs Internet Explorer

[burakkilic]

Master page de yaptığım bir dizayn internet explorer da düzgün fakat firefox ta bozuk çıkıor. Nasıl üstesinden gelinir bu işin?

[haluk_tr]

tablolar varsa onların genişlikleriyle bi oynayabilirsin bazı ie tagları firefox desteklemyio hata gördüğün satırı incelemeni tavsiye ederim

[Eretna]

tüm css leri kontrol et ve bu tip hatalara düşmemek içinde projeye başlar başlamaz iki tarayıcıda da test yap. aynı sonuçları alana kadar devam et.
yoksa proje sonunda geldiğinde tüm html i değiştirmek zorunda kalabilirsin.
Kolay gelsin

[writeLine]

Bende zamanında çok çekmiştim bunlardan ama daha sonraları bir araştırmam sonucunda google'ın reset.css sine ulaşmıştım. Sanada göndereyim işine yarar büyük ihtimalle.

PHP Kodu:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
} 


[UuuR]

visual studio bence dreamveawer dan daha fazla standartlara uyuyor, en basitinden elementlerin genişliğini width="100" yerine style="width:100px" diye veriyor..
visual studio'da backgroundı hizalama tagı yanlış ( ie de sorunsuz ama firefoxta bozuk gözükür )
Örneğin "background-position-x" kullanımı yerine, "background-position" kullanman gerekir vs..

Siteyi yaparken ilk olarak firefoxta test etmenizi öneririm ( firefoxta düzgün gözüken site, internet explorerda da büyük ihitmalle düzgün gözükecektir.. )

[UuuR]

(yazmayı unutmuşum) Siteni w3c de validate ettirerek, değiştirmen gereken yerleri daha rahat görebilirsin..
http://validator.w3.org/

[berkay577]

writeLine, mesajından alıntı:

Bende zamanında çok çekmiştim bunlardan ama daha sonraları bir araştırmam sonucunda google'ın reset.css sine ulaşmıştım. Sanada göndereyim işine yarar büyük ihtimalle.

PHP Kodu:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
} 


ne işe yarıyor tam olarak

[writeLine]

Css kullanılarak hazırlanan menüler tablolar vs. ler kimi zaman tamda istediğimiz gibi oturmuyor yerlerine. Tam olarak oturtmak için öncelikle bazı değerlerin sıfırlanması gerekiyor. Bu css de bunu yapıyor.