Solved

CSS Issues

Posted on 2013-06-28
4
418 Views
Last Modified: 2013-06-29
My website appears fine in Chrome.  I opened in IE and FireFox to make sure there wasn't anything messed up with my css when I saw IE and FireFox are loading no CSS at all.  I can't seem to find the problem.

http://tiny.cc/kp7ezw
0
Comment
Question by:N R
4 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39286182
I think your issue is how different browsers handle errors.  Clean up your code so it validates and then check back.  

http://validator.w3.org/check?uri=http%3A%2F%2Fcountr.conversationdevelopment.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
0
 
LVL 9

Expert Comment

by:Ishaan Rawat
ID: 39286196
Change your style reference to....

<link href="assets/css/reset.css" type="style/css" rel="stylesheet">
<link href="assets/css/layout.css" type="style/css" rel="stylesheet">

Open in new window

0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 39286217
Your 'footer' is placed below the </html> when it should be above the </body> tag.  </br> is not a valid tag, it should be <br> or <br />.
0
 
LVL 54

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 39286327
Change your style links from

type="style/css"

to

type="text/css"

That will fix your problem.

<link rel="stylesheet" type="style/css" href="../assets/css/reset.css">

Becomes

<link rel="stylesheet" type="text/css" href="../assets/css/reset.css">
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now