Table avec IE

Version imprimable

Table avec IE

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

http://img843.imageshack.us/img843/3930/sitesh.jpg,

je met aussi mon code xhtml

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

09/01/2012, 18h27
NoSmoking

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

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

merci

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

12/01/2012, 22h38
NoSmoking

Les commentaires conditionnels pour Internet Explorer
12/01/2012, 23h59
arckaniann

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

Citation:

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>  </head> <body> <span>De quelle couleur est le texte?</span> </body> </html>

j'avais mis ceci dans le head

Code:

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

16/01/2012, 08h06
Bovino

La balise <linkrel /> ? :no:
16/01/2012, 16h36
arckaniann
chez moi sa ne marche pas,si je mets
Code:

1 2 3 4 5 
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 :calim2:
16/01/2012, 16h49
Bovino

Code:

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

Code:

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

:roll:

Et si tu essayais en insérant ta feuille de style correctement ? Avec une balise <link /> normale... :whistle:
16/01/2012, 17h08
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
16/01/2012, 17h12
Bovino

Parce que tu écris mal la balise link !!!
16/01/2012, 18h03
arckaniann
pas besoin de hausser le ton,quand je regarde sur le net je vois sa
Code:

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

Citation:

Envoyé par arckaniann

Code:

<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

Citation:

Envoyé par arckaniann

Code:

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

ou

Citation:

Envoyé par arckaniann

Code:

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

???
16/01/2012, 20h13
arckaniann

non mais j'ai tenté des combinaisons car le

Code:

<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

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

17/01/2012, 20h02
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
17/01/2012, 22h35
NoSmoking

Citation:

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

Citation:

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...
18/01/2012, 00h35
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
18/01/2012, 07h58
Bovino

Citation:

Code:

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

Franchement moi j'abandonne... :cry:
Tu es sûr du lien du href ? :cfou:
18/01/2012, 10h07
NoSmoking

Citation:

Envoyé par Bovino

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

il en est de même pour l'ordre(*) d'apparition des acteurs à l'écran :calim2:

(*) je ne crie pas j'articule...

le fichier est bien dans le dossier css comme pour le fichier site.css,donc je ne comprend pas

Citation:

il en est de même pour l'ordre

la je ne vois pas,si sa marche avec firefox dans l'ordre que je met sa devrais aussi fonctionné pour IE

je vous met tout le doctype,vous verrez par vous mêmes
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php SESSION_start(); include('../tests/cookie.php');?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Aux milles trésors du dragon</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="../css/site.css" rel="stylesheet" type="text/css" media="screen">  <script language="JavaScript" type="text/javascript" SRC="../js/textdefil_ho2.js"></script> <link rel="shortcut icon" type="image/png" href="../image/drago.png" / </head>
que je mettes le lien css pour site.css aprés le endif que je change l'ordre du href sa ne passe pas

19/01/2012, 22h27
NoSmoking

le soucis est que le lien que tu as mis ne correspond pas au code que tu viens de poster :koi:
19/01/2012, 22h56
arckaniann

oui je vois d’où viens le problèmes,mais sa change rien,le bon code est celui de mon dernier poste car je le test aussi sur IE en local,se qui donne le design de mon 1er post

comme je ne peux vous donnez un lien,j'ai pensais a celui qui était sur un serveur que j'utilise plus pour le moment

Ben pourtant
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!doctype html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>styles</title> <style> p{font-weight: bold;text-decoration: underline; color: gray;} </style>  </head> <body> <p>Paragraphe de test</p> </body> </html>
fonctionne très bien...
Maintenant, utilises-tu la bonne syntaxe, le bon ordre et ta feuille de style est-elle trouvée et contient-elle des styles pertinents, ça on ne peut pas le deviner.