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.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.
Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+
Do you know anything else that helps with cross-browser rendering?Back to top
Learn how to code with Treehouse
- Learn projects with access to 1000+ videos
- Practice live with our Code Challenge Engine
- Get help in our members-only forums