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

CSS How to Make a Website Sharing a Website Upload the Website

bobcat
bobcat
13,623 Points
Posted by bobcat
bobcat
13,623 Points

Website 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
Isaac Asante
4,752 Points
Isaac Asante
Isaac Asante
4,752 Points

Hi 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
bobcat
13,623 Points
bobcat
bobcat
13,623 Points

Hi 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
Layne Benofsky
6,914 Points
Layne Benofsky
Layne Benofsky
6,914 Points

The 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
bobcat
13,623 Points
bobcat
bobcat
13,623 Points

Thanks Layne, its always good to get a bit more information on a problem :)