PUREdISTORTION

Disabling user-agent Stylesheets

I have been working on te views for a django web application and was having huge CSS issues with the user agent Stylesheet in Chrome, Firefox and Safari. It was applying styles that were breaking my template.

After searching around the web for a while I found a solution that seems to negate the styles that browsers are trying to enforce on sites.

I found it in the User Foruns of Drupal.org a great PHP CMS. 

/* These are here to override "user-agent" stylesheets */
html{
    color:#000;background:#FCF1D1;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;
}
li{
    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;font-variant:normal;
}
sup{
    vertical-align:text-top;
}
sub{
    vertical-align:text-bottom;
}
input,textarea,select{
   font-family:inherit;font-size:inherit;font-weight:inherit;
}
input,textarea,select{
*font-size:100%;
}
legend{
color:#000;
}
del,ins{
    text-decoration:none;
}
/* User-aget override end */

A big thanks to the Drupal community for coming up with this great solution. The origional thread can be found here.