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!

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

HTML

Konstantin Volodin
Konstantin Volodin
2,824 Points
Posted by Konstantin Volodin
Konstantin Volodin
2,824 Points

Why in firefox images and text look bigger than in chrome and how to fix that?

text and images as well as all objects like buttons look fuzzy in firefox, but OK in chrome. How to make a website in Firefox look similar with Chrome with CSS?

jag
jag
18,266 Points
jag
jag
18,266 Points

Do you have an example / link to the site?

2 Answers

M W
M W
3,446 Points
M W
M W
3,446 Points

different browsers can format your pages according to their own basic styles. By using a normalize css stylesheet in your code you can sort of wipe out the browser presets and then style the page with your own.

The normalize css stylesheet which you can get from Williams link above needs to be saved as a seperate file in your project as normalize.css

Then in your index.html file you need to link your page to the normalize.css in exactly the same way you link your style.css/main.css file.

Make sure that the link to the normalize.css is placed 'above' the link to 'your' main stylesheet inside of your <head></head> tags....

<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css">

Hope that helps a little.