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

General Discussion

drew s
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
drew s
Python Development Techdegree Graduate 19,491 Points

Website looks different on different sites

why is my website look different on different browsers? I can someone help me out how to fix this problem?

Here is my GitHub account on where the project is located:

https://github.com/felixandrewsapalaran/2019_Portfolio

2 Answers

Steven Parker
Steven Parker
229,657 Points

There are a number of techniques to help make websites cross-browser compatible, like using standard layouts and fonts, and using a "CSS reset" script. A very popular CSS reset is Normalize.css.

Another idea is to adopt a styling framework made specifically to be cross-browser compatible such as Bootstrap.

Steven Parker
Steven Parker
229,657 Points

You might look for some of the the cross-browser compatibility styling guides available on the internet. Many (but not all) are free. A CSS reset is a good start, but as you have discovered, total compatibility is matter of skillful application of styling choices.

I believe there are even some software tools around designed to help achieve compatibility (but I think those were all commercial $$ products).