Compatibilité CSS IE

**binco** · 12/04/2015, 23h34

Bonjour

Le css de mon site web repose sur 2 sources:
- bootstrap
- le fichier: fichier.css

La mise en page fonctionne correctement avec Mozilla Firefox et Chrome.
Par contre avec Internet Explorer c'est la cata
Pouvez vous m'aider à adapter mon codage à IE?

Cordialement

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="all">
<meta name="Author" lang="fr" content="...">
<meta name="...">
<meta name="keywords"  content="...">
<title>...</title>
<!-- Bootstrap core CSS (CDN)-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="fichier.css" />
</head>
<body>

**kevin254kl** · 12/04/2015, 23h40

Bonsoir, sous quel version d'internet explorer tu-es? http://getbootstrap.com/getting-started/.

**Bovino** · 13/04/2015, 09h06

Par contre avec Internet Explorer c'est la cata

Avec cette phrase comme seule et unique explication de ce qui ne va pas, je pense que t'aider va être particulièrement compliqué...

Une piste toutefois : essaye d'améliorer ton code.

**binco** · 13/04/2015, 15h56

J'utilise Internet Explorer 8.

J'ai lu la documentation http://getbootstrap.com/getting-started/ mais avec mon niveau en anglais je ne suis pas sur d'avoir tout compri:

- Sur windows Bootstrap supporte IE 8 à 11 "On Windows, we support Internet Explorer 8-11"

- Certains éléments css et html ne sont pas supportés par IE8 et IE9. Aussi il est recommandé d'utiliser Respond.js : ça c'est déjà fait avec la ligne de code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

Est ce que je me trompe?
("Internet Explorer 8 and 9 are also supported, however, please be aware that some CSS3 properties and HTML5 elements are not fully supported by these browsers. In addition, Internet Explorer 8 requires the use of Respond.js")

**binco** · 13/04/2015, 23h12

Ça m’énerve je ne trouve pas l'erreur ... on dirait qu'IE8 ne prend pas en compte les media queries. Sur un grand écran pc j'ai l'affichage alloué à un portable ...

Une piste toutefois : essaye d'améliorer ton code.

Bovino SVP peux tu developpez?