souci compatiblité ie7 sur un<article>

**Klink** · 11/02/2013, 10h43

Bonjour a tous.
j’essaie de rendre mon fichier css compatible avec ie6,7et8.
pour ça j'utilise html5shiv et les classes conditionnel.
je rencontre un problème que je n'arrive pas a résoudre.
un encadré bleu est visible dans la dernière version des navigateur,
mais pas sur une page sous ie7.
cet encadré ce fait dans la balise <article> qui fonctionne sous ie678, sans aucun souci sur d'autre page.il n'y a que cette page qui me pose problème.
voici mon css :

Code css :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
article,aside{
margin-top: -1em;
display: inline-block;
vertical-align: top;
position: relative;
margin-left :auto;
margin-right: auto;
}
.ie678 article,aside
{
margin-top: -1em;
vertical-align: top;
position: relative;
margin-left :auto;
margin-right: auto;
behavior: url(ie-css3.htc);
}
article{
/*border-radius*/
margin-right:5px;
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
text-align:left;
padding-left:20px;
padding-right:18px;
width:678px;
background-color:rgba(51, 153, 255,0.6);
font-size:1.5em;
 
/*box-shadow*/
-webkit-box-shadow:0px 2px 5px #1c1a19;
   -moz-box-shadow:0px 2px 5px #1c1a19;
        box-shadow:0px 2px 5px #1c1a19;
}
.ie678 article
{
background-color:#337BFF;
width:678px;
}

et voici ma page html

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
26
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=charset=ISO-8859-1" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon"/>
<!--[if lte IE 7]><html class="ie67 ie678" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="ie8 ie678" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="fr"> <!--<![endif]-->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<header>
<div id="titre_principal">
<img src="images/titre.png" alt="titre" id="titre"/>
</div>
</header>
<section>
<article>
<p><h3>Votre message a bien été pris en compte</h3>
</article>
</section>
 
</body>
</html>

d'avance merci !!

**NoSmoking** · 11/02/2013, 14h19

Bonjour,
il te faut commencer par construire correctement ta page

Code html :

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

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML>
<!--[if lte IE 7]><html class="ie67 ie678" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="ie8 ie678" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="fr"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=charset=ISO-8859-1" />
<title></title>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon"/>

**Klink** · 11/02/2013, 16h00

merci pour la correction du script.

et pour mon problème aurais tu une idée?

**NoSmoking** · 11/02/2013, 18h42

Envoyé par Klink

...et pour mon problème aurais tu une idée?

pas vu d'encadré bleu, ou alors je ne sais pas ou regarder.

Test fait sous IE7.

**Klink** · 14/02/2013, 07h55

j'y comprend pas grand chose, mais c'est résolu ça venait d'une erreur généré par mon code php, qui faisait que que mon encadré bleu ne s'affichait pas sur
ie 6,7et 8.

merci pour vos réponses

souci compatiblité ie7 sur un<article>

CSS

Discussions similaires

Partager

Partager