I’ve recently discovered a nice way to standardize the view I get between Internet Explorer and Firefox, which have a standard “stylesheet” built in to render websites. The problem: both browsers use a different stylesheet, which can lead to inconsistancies between the same site on different browsers.
So, I’ve adopted a “CSS Reset” file. What it does is basically clean the slate and neutralize the styles embedded into the browser, thus rendering IE and Firefox to a 90-99 percent similarity when viewing a page (there will always be bugs in IE’s website rendering, but for the most part pages show up fantasically).
The CSS Reset:
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;
}
This is the Yahoo! UI Library Reset.css file, for those that care.
