Web tasarımında en problemli kısım yaptığımız tasarımı browserlarda farklılık göstermeden yayınlanmasını isteriz. Fakat çoğu zamana tasarım uygulamada problemli olur. Bunun nedeni ise browserların (firefox,internet explorer,chrome,safari…) html dosyayı farklı şekilde yorumlamaları ve bazı tagların standart değerlerini farklı yorumlamalarıdır. Ben bunun için Fatih Hayrioğlu’ndan öğrendiğim css sıfırlama metodunu kullanıyorum ve yer yer ekleme yapıyorum en son css sıfırlama kodum u ekliyorum yer yer güncelliyeceğim. Tabi inernet explorer da sıfırlama metodu versiyonlara göre değişebiliyor ve bunun için browser versiyonlarına göre yeni style dosyalarını hazırlamanız gerekecektir.

/* Css Sifirlama */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead, th {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus, a:focus, a:active{    outline: 0; }

/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: collapse; border-spacing: 0;}

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsayamamaSorunu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.kapsayamamaSorunu {display: inline-block;}
/* IE-mac de bu bolumu sakla \ */
* html .kapsayamamaSorunu {height: 1%;}
.kapsayamamaSorunu {display: block;}
/* IE-mac bu bolumu saklam artik */

/* Css Sifirlama */