Table avec IE

**arckaniann** · 09/01/2012, 18h22

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 :

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
 
 
<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** · 09/01/2012, 18h27

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

**arckaniann** · 09/01/2012, 18h41

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

merci

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
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** · 12/01/2012, 22h38

Les commentaires conditionnels pour Internet Explorer

**arckaniann** · 12/01/2012, 23h59

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

**NoSmoking** · 15/01/2012, 15h56

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 :

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
<!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** · 15/01/2012, 20h49

j'avais mis ceci dans le head

Code html :

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

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

**Bovino** · 16/01/2012, 08h06

La balise <linkrel /> ?

**arckaniann** · 16/01/2012, 16h36

chez moi sa ne marche pas,si je mets

Code html :

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

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** · 16/01/2012, 16h49

Code :

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

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

Code :

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

< 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** · 16/01/2012, 17h08

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** · 16/01/2012, 17h12

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

**arckaniann** · 16/01/2012, 18h03

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

Code html :

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

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** · 16/01/2012, 18h30

Envoyé par arckaniann

Code html :

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

<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 :

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

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

ou

Envoyé par arckaniann

Code html :

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

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

???

**arckaniann** · 16/01/2012, 20h13

non mais j'ai tenté des combinaisons car le

Code html :

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

<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** · 16/01/2012, 23h19

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 :

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

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** · 17/01/2012, 20h02

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** · 17/01/2012, 22h35

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** · 18/01/2012, 00h35

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** · 18/01/2012, 07h58

Code :

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

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

Franchement moi j'abandonne...

Tu es sûr du lien du href ?

Table avec IE

HTML

Discussions similaires

Partager

Partager