Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Trevor Wood
17,828 PointsRemove Firefox automatic padding
Is there anyway to remove Firefoxs auto padding? My li's and h1-6's line up the same on Safari, Chrome and Opera. But Firefox adds in it's own padding.
5 Answers
Colin Marshall
32,861 PointsI think this might be what you're looking for: http://necolas.github.io/normalize.css/
Link it before you link your main style sheet. It resets all your CSS which will override the variations in default CSS settings from browser to browser.
Melanie Day
5,540 PointsHi Trevor, Colin is correct. If you don't have a github account then I recommend you sign up as it is full of useful resources and you can star docs that you will use time and time again, so that they are easy to find in the future.
The Normalize page can be found here also: https://github.com/necolas/normalize.css Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
Be sure to save this in you css folder and make sure it is the first cascading style sheet you link to from your doc.
Trevor Wood
17,828 PointsThanks you guys. but oddly enough even with the normalize css files, firefox still has a noticeably different amount of padding.
Colin Marshall
32,861 PointsWere you able to figure this out?
If not, we're going to need to see your code to help you out from here.
Trevor Wood
17,828 PointsYeah, it's working fine now. Thanks Colin!
Colin Marshall
32,861 PointsSweet! Did normalize.css do the trick or did you have to do something else?
Trevor Wood
17,828 PointsI already had normalize.css included. (odd that it didn't work) So I changed the line-height to 125% which evened them out pretty well. They're still a little different but that can't be helped.