Tasarımlarımızda en can alıcı ve sıkıcı nokta genelde tarayıcı uyumsuzlukları oluyor.Bir süre önce bu sorunu biraz hammallık yaparak farklı tarayıcılar için css kodlarını ayrı olarak düzenlemekle gerçekleştiriyorduk.Bazen de uyumlu tarayıcı belirtip kod hammallığı bile yapmıyorduk.
Bir süre önce ihtiyaçtan dolayı karşılaştığım css elementlerini resetleme işlemi tasarımların tarayıcı uyumluluk düzeylerini eşitlediğini farkettim.Tasarımlarımda yer vermeye çalışıyorum ve pozitif sonuçlar aldığımı görüyorum.
Firefox,internet explorer,opera gibi farklı tarayıcılarda tasarımlarımızı kontrol ettiğimizde css elementlerinin resetlenerek tüm tarayıcılarda uyumlu hale geldiğini sizler de görebilirsiniz.CSS kodlarına aşağıdan ulaşıp sayfalarınıza uygun biçimde kullanabilirsiniz.
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;
}