Table avec IE

[arckaniann]

Bonsoir,


voila j'ai un problèmes avec IE,il me met mes menu sur le corps comme sur la photo alors qu'avec Firefox aucun problèmes

,

je met aussi mon code xhtml

Code html :

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
 
 
<div id="menu_gauche">
		<div class="element_menu ">
			<h3>consoles neuves</h3>
				<ul>
					<li><a href="../consoles_neuves/wii.php">wii<a></li>
						<li><a href="../consoles_neuves/ds.php">ds<a></li>
							<li><a href="../consoles_neuves/3ds.php">3ds<a></li>
					<li><a href="../consoles_neuves/ps3.php">ps3<a></li>
				<li><a href="../consoles_neuves/psp.php">psp<a></li>
			<li><a href="../consoles_neuves/xbox360.php">xbox360<a></li>
 
		</ul>
	</div>
 
	<div class="element_menu ">
 
		<h3>jeux neuf</h3>
			<ul>
				<li><a href="../jeux_neuf/wii.php">wii<a></li>
					<li><a href="../jeux_neuf/ds.php">ds<a></li>
						<li><a href="../jeux_neuf/3ds.php">3ds<a></li>
							<li><a href="../jeux_neuf/ps3.php">ps3<a></li>
					<li><a href="../jeux_neuf/psp.php">psp<a></li>
				<li><a href="../jeux_neuf/xbox360.php">xbox360<a></li>
			<li><a href="../jeux_neuf/pc.php">pc<a></li>
		</ul>
 
	</div>
 
	<div class="element_menu ">
		<h3>divers neuf</h3>
			<ul>
				<li><a href="../manga_neuf/manga.php">manga<a></li>
					<li><a href="../figurines/figurines.php">figurines<a></li>
				<li><a href="../cartes/cartes.php">cartes<a></li>
			<li><a href="../dvd_video/video_neuf.php">video<a></li>
		</ul>
	</div>
	<div class="forum">
 
		<ul>
			<li><a href="../tests/forum_tests.php">forum<a></li>
 
			</ul>
 
		</div>
	</div>

merci pour l'aide

[NoSmoking]

Bonjour,
à vue de nez je dirais un problème lié au CSS, mais sans une once de celui ci

[arckaniann]

ok je vais le mettre par contre comment marche le if[IE] endif

merci

Code css :

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
 
 
 
#container{ 
 
 
  margin: auto;
  margin-top: 25px;
 
}
 
 
 
a{
 
  text-decoration:none;
 
}
 
 #menu_gauche{
 
  float:left;
  width: 13%;
 
}
 
 
 #menu_droite{
 
  float: right;
  width:13%;
 
}
 
 
.element_menu{
 
 
   background-color: #4a9db8;
   background-image: url("../image/colonne.jpg");
   border: 5px ridge red;
   margin-bottom: 10px;
 
}
 
 
 
 
.element_menu h3 a{ 
 
  color: #90253d;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  text-align: center;
  margin-top:30px;
  font-size: 25px;
 
}
 
.element_menu ul{
 
  list-style-image: url("../image/logo_dragon.jpg");
 
}
 
 
.element_menu a{
 
  font-size: 25px;
  text-decoration:none;
  color:#e7ff23;
 
}
 
 
 a:hover{
 
  color:#333333 ;
  font-size: 10px;
 
}
 
 
.connexion{
 
  text-decoration:none;
  background-image: url("../image/colonne.jpg");
  background-repeat: repeat-x;
  border: 5px ridge red;
  margin-bottom: 10px;
 
}
 
 
.connexion h3 a{
 
  color: #90253d;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  text-align: center;
  margin-top:30px;
  font-size: 25px;
 
}
 
 
 
.connexion ul{
 
  list-style-image: url("../image/logo_dragon.jpg");
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  margin-top:30px;
  padding-left:60px;
 
}
 
 
.connexion a{
 
  font-size: 20px;
  color:#e7ff23;
 
}
 
 
.forum {
 
 
  background-image: url("../image/colonne.jpg");
  background-repeat: repeat-x;
  border: 5px ridge red;
  margin-bottom: 10px;
 
}
 
 
.forum ul{
 
  list-style-image: url("../image/logo_dragon.jpg");
  padding: 20px;
  padding-left:60px;
  margin: 0px;
  margin-bottom: 30px;
  margin-top:20px;
 
}
 
 
.forum a{
 
  font-size:25px;
  color:#e7ff23;
  text-decoration:none;
 
}
 
 
 
#corps{
 
 
  margin-left:14%;
  margin-right:14%;
  border:5px ridge red;
  background-image: url("../image/flamme_bleu.jpg");
  margin-bottom:10px;
  height:1500px;
 
}

[NoSmoking]

Les commentaires conditionnels pour Internet Explorer

[arckaniann]

merci pour le lien mais IE ne le prend pas en charge,il prend le ccs de firefox

[NoSmoking]

Envoyé par arckaniann

merci pour le lien mais IE ne le prend pas en charge,il prend le ccs de firefox

je pense qu'il s'agit d'une erreur d'écriture dans la déclaration.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
span {
  color:red;
}
</style>
<!--[if IE]>
<style type="text/css">
span {
  color:blue;
}
</style>
<![endif]-->
</head>
<body>
  <span>De quelle couleur est le texte?</span>
</body>
</html>

[arckaniann]

j'avais mis ceci dans le head

Code html :

1
2
3
4
5
 
 
<!--	[if  IE 8]>
			<linkrel="stylesheet" type="text/css" href="../css/styles-ie.css" />
			<![endif]-->

[Bovino]

La balise <linkrel /> ?

[arckaniann]

chez moi sa ne marche pas,si je mets

Code html :

1
2
3
4
5
 
 
<!--	[if  IE 8]>
			< type="text/css" href="../css/styles-ie.css" />
			<![endif]-->

tout disparait que se soit sur IE ou firefox, et si j'enleve le "<",sa remarche mais je vois le if sur ma page firefox et ie mais sa ne le prend pas,IE peut pas respecter les standards

[Bovino]

Code :

<linkrel="stylesheet" type="text/css" href="../css/styles-ie.css" />

Code :

< type="text/css" href="../css/styles-ie.css" />

Et si tu essayais en insérant ta feuille de style correctement ? Avec une balise <link /> normale...

[arckaniann]

j'ai déjà une feuille de style pour firefox mais je voulais en mettre une autre que pour IE en mettant le if [ie] endif mais il ne le prend pas,je comprend pas pourquoi

[Bovino]

Parce que tu écris mal la balise link !!!

[arckaniann]

pas besoin de hausser le ton,quand je regarde sur le net je vois sa

Code html :

1
2
3
 
 
<link  rel="stylesheet" media="screen" type="text/css" title= "site" href="../css/site.css" />

cette ligne je l'utilise pour firefox qui marche très bien,donc je vois pas se que l'on peut mettre pour que IE prenne le css qui se trouve dans le if,car me dire que j’écris mal le link c'est bien mais quand je cherche je trouve pas,j'ai essayé plusieurs combinaison qui se trouvais sur le net,elle ne fonctionne pas

[Bovino]

Envoyé par arckaniann

Code html :

<link  rel="stylesheet" media="screen" type="text/css" title= "site" href="../css/site.css" />

Et donc pour toi, cette notation est la même que

Envoyé par arckaniann

Code html :

< type="text/css" href="../css/styles-ie.css" />

ou

Envoyé par arckaniann

Code html :

<linkrel="stylesheet" type="text/css" href="../css/styles-ie.css" />

???

[arckaniann]

non mais j'ai tenté des combinaisons car le

Code html :

<link  rel="stylesheet" media="screen" type="text/css" title= "site" href="../css/site.css" />

sans le title,j'ai déjà testé et IE ne le prend pas,donc je ne vois pas comment régler le problèmes de mon 1er post car il ne prend que le css pour firefox,sa fait pas très beau

[NoSmoking]

il faut bien entendu respecter l'ordre qui peut avoir de l'importance si tu déclares des valeurs différentes pour des mêmes propriétés

Code :

1
2
3
4
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
<!--[if IE]>
<link href="css/ie_style.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->

[arckaniann]

je pense que IE ne prend pas le commentaire,donc aurais je oublié quelque chose car normalement IE doit pouvoir lire le commentaire non

[NoSmoking]

Envoyé par arckaniann

je pense que IE ne prend pas le commentaire,...

je n'y crois pas une seconde, pour peu que cela soit du CSS valide...

Envoyé par arckaniann

...donc aurais je oublié quelque chose...

j'en ais bien peur, avec un lien sur la page ayant le soucis on pourrait peut être mieux ce rendre compte...

[arckaniann]

http://olivier.dr-informatique.com/tests/site.php

je vous est mis un lien mais il renvoie vers firefox,faut le faire passer sur IE,il y a eu des changements depuis car je travail en local,se lien est sur un serveur que l'on ma prêté mais que j'utilise plus,le css a changer mais pas le html

[Bovino]

Code :

 <link href="../css/" rel="stylesheet" type="text/css" />

Franchement moi j'abandonne...
Tu es sûr du lien du href ?