Problème d'if IE

Version imprimable

15/07/2009, 22h09
mylie66

Problème d'if IE
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:

1 2 3 4 <link href="stylemonsite.css" rel="stylesheet" type="text/css" /> 
En aperçu sur IE il y a toujours un décalage.....que faire ??

Si vous pouviez m'éclairer....Merci d'avance !
15/07/2009, 23h45
FoxLeRenard

Bonjour, et bien venue sur notre forum :ccool:

Pour t'aider il nous faut le html de ta page, merci de le poster :roll:
Merci ;)

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

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

Code:

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>

16/07/2009, 13h40
Macmillenium

Bonjour,

Tu es sûr que ton fichier stylemonsiteie.css corrige les problèmes sous IE ?
16/07/2009, 13h51
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....!
16/07/2009, 14h08
FoxLeRenard

Citation:

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
16/07/2009, 14h11
mylie66

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

Tu as une erreur de syntaxe :

Code:

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

16/07/2009, 14h29
mylie66

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

Si tu fais une alerte JavaScript :
Code:

1 2 3 4 5 6 7 
Qui retourne "Je suis IE", alors le problème vient de ton code CSS.

16/07/2009, 14h41
mylie66

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

Code:

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>

16/07/2009, 15h21
mylie66

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

quel genre d'erreur dans mon Css est a l'origine du bug alors?
17/07/2009, 20h23
Deallyra

Tu peux nous transmettre le CSS ?

Voilà mon code Css normal:

Code:

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:

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;
}

21/07/2009, 00h49
FoxLeRenard

Citation:

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 8O :roll: :calim2:
21/07/2009, 08h40
mylie66
Alors si je comprend bien dans mon css pour IE il faut juste que je mette ça? :
Code:

1 2 3 4 #conteneur #haut { margin-top: 34px; }
21/07/2009, 09h06
FoxLeRenard

Citation:

Envoyé par mylie66

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

Code:

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

Oui car les deux CSS seront téléchargés
21/07/2009, 09h14
mylie66

Merci bien je teste cela des que possible !
21/07/2009, 09h43
mylie66

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