Problème d'if IE

**mylie66** · 15/07/2009, 22h09

Je viens de faire mon site en html et css, sous firefox aucun probleme d'affichage....par contre sur internet explorer mon menu et mon animation se décalent....

j'ai pourtant mis ce code dans mon head :

Code :

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

1
2
3
4
<link href="stylemonsite.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]>
<link href="stylemonsiteie.css" rel="stylesheet" type="text/css" />
<![endif]-->

En aperçu sur IE il y a toujours un décalage.....que faire ??

Si vous pouviez m'éclairer....Merci d'avance !

FoxLeRenard · 15/07/2009, 23h45

Bonjour, et bien venue sur notre forum

Pour t'aider il nous faut le html de ta page, merci de le poster

Merci

**mylie66** · 16/07/2009, 11h07

Bonjour et merci pour la réponse....

Voici donc le code html de ma page d'accueil ou index

Code xhtml :

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Emylie Leplay Infographiste Web designer</title>
<link href="stylemonsite.css" rel="stylesheet" type="text/css" />
<!--<[if lte IE 8]>
   <link href="stylemonsiteie.css" rel="stylesheet" type="text/css" />
<![endif]>-->
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
 
</script>
 
 
 
 
</head>
 
<body bgcolor="#000000">
 
<div id="conteneur">
<div id="haut">
</div>
<div id="menu">
 	<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','403','height','45','src','Animations/Menuaccueil','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Animations/Menuaccueil' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="403" height="45">
      <param name="movie" value="Animations/Menuaccueil.swf" />
      <param name="quality" value="high" />
      <embed src="Animations/Menuaccueil.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="403" height="45"></embed>
    </object></noscript>
</div>
 
<div id="anim">
   <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','543','height','446','title','Accueil','src','Animations/accueil','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Animations/accueil' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="543" height="446" title="Accueil">
     <param name="movie" value="Animations/accueil.swf" />
     <param name="quality" value="high" />
     <embed src="Animations/accueil.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="543" height="446"></embed>
   </object></noscript>
</div>
 
</div>
</body>
 
</html>

**Macmillenium** · 16/07/2009, 13h40

Bonjour,

Tu es sûr que ton fichier stylemonsiteie.css corrige les problèmes sous IE ?

**mylie66** · 16/07/2009, 13h51

Oui sure car la feuille de style en lien direct dans le head fonctionne correctement......mais dans le if il ne la prend pas en compte....!

FoxLeRenard · 16/07/2009, 14h08

Envoyé par mylie66

Oui sure car la feuille de style en lien direct dans le head fonctionne correctement......mais dans le if il ne la prend pas en compte....!

Je me poses la même question, que Macmillenium bien sur si tu avais un test en ligne ce serait facile de le mettre ici,
car alors on verrais de suite si le CSS est téléchargé dans le temporary en IE8

**mylie66** · 16/07/2009, 14h11

en IE 8 aucun probleme....aucun décalage.....sur les autres versions c'est une autre histoire.....

**Macmillenium** · 16/07/2009, 14h22

Tu as une erreur de syntaxe :

Code :

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

1
2
3
4
<!--[if lte IE 8]>
<link href="stylemonsiteie.css" rel="stylesheet" type="text/css" />
 <![endif]-->

**mylie66** · 16/07/2009, 14h29

Erreur rectifié et IE fait toujours des siennes.....désolée.....c'est assez énervant....

**Macmillenium** · 16/07/2009, 14h33

Si tu fais une alerte JavaScript :

Code :

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

1
2
3
4
5
6
7
 
<!--[if lte IE 8]>
<link href="stylemonsiteie.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	alert('Je suis IE');
</script>
 <![endif]-->

Qui retourne "Je suis IE", alors le problème vient de ton code CSS.

**mylie66** · 16/07/2009, 14h41

Tout le code se met en grisé...je n'est aucune couleur comme dans votre exemple....est ce normal ça aussi ?

**Macmillenium** · 16/07/2009, 14h44

Code xhtml :

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Emylie Leplay Infographiste Web designer</title>
<link href="stylemonsite.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]>
<link href="stylemonsiteie.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	alert('Je suis IE');
</script>
 <![endif]-->
 
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
 
</script>
 
 
 
 
</head>
 
<body bgcolor="#000000">
 
<div id="conteneur">
<div id="haut">
</div>
<div id="menu">
 	<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','403','height','45','src','Animations/Menuaccueil','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Animations/Menuaccueil' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="403" height="45">
      <param name="movie" value="Animations/Menuaccueil.swf" />
      <param name="quality" value="high" />
      <embed src="Animations/Menuaccueil.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="403" height="45"></embed>
    </object></noscript>
</div>
 
<div id="anim">
   <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','543','height','446','title','Accueil','src','Animations/accueil','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Animations/accueil' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="543" height="446" title="Accueil">
     <param name="movie" value="Animations/accueil.swf" />
     <param name="quality" value="high" />
     <embed src="Animations/accueil.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="543" height="446"></embed>
   </object></noscript>
</div>
 
</div>
</body>
 
</html>

**mylie66** · 16/07/2009, 15h21

bingo le message prévu s'affiche bien....

quel genre d'erreur dans mon Css est a l'origine du bug alors?

**Deallyra** · 17/07/2009, 20h23

Tu peux nous transmettre le CSS ?

**mylie66** · 20/07/2009, 22h14

Voilà mon code Css normal:

Code :

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
41
42
43
44
45
46
47
48
49
@charset "utf-8";
/* CSS Document */
 
 
 
body {
	color: #000000;
	padding: 0px;
	border-style:none;
	border:none;
	background-color: #000000;
	margin:0px auto;
}
#conteneur #anim {
	height: 450px;
	width: 560px;
	margin-left: 190px;
	padding-top: 5px;
	margin-top: 10px;
}
 
#conteneur #menu {
	background-color: #000000;
	margin-left: 378px;
	width: 405px;
}
#conteneur {
	background-image: url(Images/Accueil.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 700px;
	width: 900px;
}
#conteneur #haut {
	height: 80px;
	margin-top: 50px;
	margin-bottom: 32px;
}
#conteneur #bas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
}

Et voilà le code pour IE....seul le code pour le conteneur haut change :

Code :

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
41
42
43
44
45
@charset "utf-8";
/* CSS Document */
body {
	color: #000000;
	padding: 0px;
	border-style:none;
	border:none;
	background-color: #000000;
	margin:0px auto;
}
#conteneur #anim {
	height: 450px;
	width: 560px;
	margin-left: 190px;
	padding-top: 5px;
	margin-top: 10px;
}
 
#conteneur #menu {
	background-color: #000000;
	margin-left: 378px;
	width: 405px;
}
#conteneur {
	background-image: url(Images/Accueil.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 700px;
	width: 900px;
}
#conteneur #haut {
	height: 80px;
	margin-top: 34px;
}
#conteneur #bas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
}

FoxLeRenard · 21/07/2009, 00h49

Envoyé par mylie66

Voilà mes codes Css

Whaou je comprends pourquoi ça ne va pas !

lorsque la condition est remplie stylemonsiteie.css
est AJOUTE au css de base
donc dans stylemonsiteie.css
tu ne dois avoir que quelques petites modifs specifiques a IE !!

Si non tout est plusieur fois et ça se mélange les pieds

**mylie66** · 21/07/2009, 08h40

Alors si je comprend bien dans mon css pour IE il faut juste que je mette ça? :

Code :

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

1
2
3
4
 
#conteneur #haut {
	margin-top: 34px;
}

FoxLeRenard · 21/07/2009, 09h06

Envoyé par mylie66

Alors si je comprend bien dans mon css pour IE il faut juste que je mette ça? :

Code :

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

#conteneur #haut {	margin-top: 34px;}

Oui car les deux CSS seront téléchargés

**mylie66** · 21/07/2009, 09h14

Merci bien je teste cela des que possible !

**mylie66** · 21/07/2009, 09h43

Même avec juste ce paramètre....cela se décale encore....

Problème d'if IE

HTML

Discussions similaires

Partager

Partager