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 trialbobcat
13,623 PointsWebsite looks fine in Safari and Chrome, but not in IE and Firefox??
Hi Guys, I am not sure why but my finished website displays correctly in Chrome and Safari but when i test it in IE or Firefox it looks like the CSS pages are not linked so none of the styles are applied. Please have a look and i welcome and suggestions www.robcatl.in
Thanks
3 Answers
Isaac Asante
4,752 PointsHi Bobcat, that's a simple one... In the head section of your website's pages, you have not called the CSS files correctly. Your link elements for stylesheets have the html/css
value for the type
attribute. But normally, it should be type="text/css"
.
So correct your type
attributes like this:
<link rel="stylesheet" type="text/css" href="../CSS/normalize.css"> /* Changed to type="text/css" */
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="../CSS/main.css"> /* Changed to type="text/css" */
<link rel="stylesheet" type="text/css" href="../CSS/responsive.css"> /* Changed to type="text/css" */
All solved now? :)
bobcat
13,623 PointsHi Isaac,
Thanks for your help, it is all sorted now. i did want to ask why it would work on some browsers but not on others though?
Layne Benofsky
6,914 PointsThe short answer is that it's the same reason that steps like adding normalize.css are taken -- each browser does things a little differently. In some cases it results in major differences. The long answer is I don't know that particular answer. :)
bobcat
13,623 PointsThanks Layne, its always good to get a bit more information on a problem :)