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

Posted by tunis dehas
tunis dehas
4,863 Points

display on internet explorer 8

Hi In my own project I inserted this line <link rel="stylesheet" media="screen and (min-width:500px)" href="css/responsive.css">

in the head of my index page instead of writing it on the page css. I was obliged because it was not well displayed Now because of this line I am quite sure I have a big trouble with internet explorer 8. It's important for me that is works well on this browser . I tried to insert a respond , modernizr file , other links like google html5shiv . I am lost . Someone has an idea or has already met this situation? thanks for helping me

the head of my project 

<!DOCTYPE html>

<html lang="" class="no-js">

<head>

<meta charset="utf-8">

<title>sophrologue Paris Region parisienne</title>

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

      <link href='http://fonts.googleapis.com/css?family=Lato:400,900italic%7CNeuton%7CMichroma%7CSacramento%7CNothing+You+Could+Do'rel='stylesheet' type='text/css'>

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

  <!--[if lt IE 9]>
      <link rel="stylesheet" href="css/ie8.css">

 <script type="text/javascript" src="js/modernizr.js"></script>

<script type="text/javascript" src="js/respond.js"></script>

    <![endif]-->

<link rel="stylesheet" media="screen and (min-width:500px)" href="css/responsive.css">


     <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>

      <script src="js/app.js" type="text/javascript" charset="utf-8"></script>

   <meta name="viewport" content="width=device-width, initial-scale=1">

</head>