in Resources

Make Browsers Render All Elements More Consistently

Ever have problems trying to get all the different browsers render all the elements the same? This isn't really a huge problem if you are developing for chrome, firefox or safari they are all quite similar apart from the odd padding issue. But if you have to develop for any of the Internet Explorer browsers you will know about all the problems you have to deal with to make them all look the same. Depending on your audience you may have to support the 10 year old browser of IE6 this can cause a huge problem and can increase the development time by about 20% and in this business time is money. There is a solution which can deal with a lot of these cross browser problems.


Normalize Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing. ### What does it do?

  • Preserves useful defaults, unlike many CSS resets.
  • Normalizes styles for a wide range of elements.
  • Corrects bugs and common browser inconsistencies.
  • Improves usability with subtle improvements.
  • Explains what code does using detailed comments.

Browser support

Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+ Normalize.css### Do you know anything else that helps with cross-browser rendering?

Upgrade to access all content on Paulund

Members unlock all tutorials and snippets

Access to all downloadable content

Access to code examples before others

Sign Up Now

Already a member? Login here

Subscribe To The Weekly Newsletter

Get weekly updates to your email