renseignement sur ie tab

**arckaniann** · 16/04/2012, 17h11

Bonjour j'aurais voulu avoir des renseignement sur ie tab,car quand je l'utilise via firefox mes menu sont bien positionner mêmes si sa fait pas comme je veux mais bon,par contre quand je met le lien dans IE8 mes menus sont pas positionné correctement donc faut il faire confiance au plugin ou a ie lui mêmes

merci

**Baldy** · 17/04/2012, 09h19

C'est quand même mieux d'avoir le navigateur lui même. J'ai personnellement jamais fait confiance à ce genre de logiciel.

**arckaniann** · 17/04/2012, 10h20

ok merci pour la réponse,comme je le pensais faut mieux faire confiance au navigateur lui mêmes mais la je vois pas comment régler le soucis avec IE qui fou mon design en bazar immonde ,il y aurait pas une liste en css que supporte pas ie par hasard

**Candygirl** · 17/04/2012, 11h54

Hello,

Si tu veux de l'aide pour comprendre le problème, le plus simple serait de donner un lien vers ton site ou, si pas possible, nous donner le code html/css.

En principe, IE8 gère plus ou moins correctement les propriétés CSS 2.1. Une des premières choses à vérifier est l'emploi d'un doctype complet tout en haut de ton document.

**arckaniann** · 17/04/2012, 12h15

j'utilise celui ci

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
 
<!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" />
				<script language="JavaScript" type="text/javascript" SRC="../js/textdefil_ho2.js"></script>
				<link rel="shortcut icon" type="image/png" href="../image/drago.png" />
				<script language="JavaScript" type="text/javascript" SRC="../js/defilant.js"></script>
				<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/>
				<script src="../js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
				<link rel="stylesheet" type="text/css" href="../css/site.css"media="screen" />
				<!--[if IE]>
				<link rel="stylesheet" type="text/css" href="../css/site_ie.css"media="screen" />
				<![endif]-->
	</head>

**Candygirl** · 17/04/2012, 14h14

En principe ton doctype semble correcte (juste vérifier que tu l'as bien sauvé en UTF8 sans BOM ?).

L'idéal serait de nous coller le code html/css minimal qui permette d'observer le problème.

**arckaniann** · 17/04/2012, 18h32

j'utilise np++ et il est bien enregistré en utf-8 sans bom,j'ai aussi testé le code css au validator mais on dirait qu'il ne prend pas le css 3 car j'en est mis un peu,je sais que ie ne le prend pas en compte donc je fais une autre feuille a part

je vous met mes menu car sa fou en peu le bazar

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
 
<div id="menu_droite">
		<div class="element_menu ">
			<h3>consoles d'occasion</h3>
				<ul>
					<li><a href="../consoles_occasion/wii.php">wii<a></li>
						<li><a href="../consoles_occasion/ds.php">ds<a></li>
							<li><a href="../consoles_occasion/3ds.php">3ds<a></li>
					<li><a href="../consoles_occasion/ps3.php">ps3<a></li>
				<li><a href="../consoles_occasion/psp.php">psp<a></li>
			<li><a href="../consoles_occasion/xbox360.php">xbox360<a></li>
		</ul>
	</div>
 
	<div class="element_menu ">
		<h3>jeux d'occasion</h3>
 
			<ul>
				<li><a href="../jeux_occasion/wii.php">wii<a></li>
					<li><a href="../jeux_occasion/ds.php">ds<a></li>
						<li><a href="../jeux_occasion/3ds.php">3ds<a></li>
					<li><a href="../jeux_occasion/ps3.php">ps3<a></li>
				<li><a href="../jeux_occasion/psp.php">psp<a></li>
			<li><a href="../jeux_occasion/xbox360.php">xbox360<a></li>
		</ul>
	</div>
 
	<div class="element_menu ">
		<h3>divers d'occasion</h3>
			<ul>
				<li><a href="../manga_occasion/manga_occasion.php">manga<a></li>
			<li><a href="../video/video_occasion.php">video<a></li>
		</ul>
	</div>
 
 
	<div class="connexion">
		<h3>l'antre du dragon</h3>
			<ul>
				<li><a href="../includes/membre.php">l'antre du dragon<a></li>
			</ul>				   
		</div>
	</div>

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
 
#menu_droite{
 
  float: right;
  width:13%;
 
}
 
table{
 
margin-left:50%;
 
}
 
.element_menu{
 
 
 
  -moz-border-radius:15px 15px 15px 15px ;
     -webkit-border-radius: 15px 15px 15px 15px;
       -ms-border-radius: 15px 15px 15px 15px;
        -o-border-radius: 15px 15px 15px 15px;
          border-radius: 15px 15px 15px 15px;
             background-image:-webkit-linear-gradient(right top, #002472 0%,#7BD4FE 100%);
           background-image:    -moz-linear-gradient(right top, #002472 0%, #7BD4FE 100%);
          background-image:     -ms-linear-gradient(right top, #002472 0%, #7BD4FE 100%);
         background-image:      -o-linear-gradient(right top, #002472 0%, #7BD4FE  100%);
        background-image:         linear-gradient(right top, #002472 0%, #7BD4FE 100%);
     border: 5px ridge red;
   margin-bottom: 10px;
 
}
 
 
 
h3{ 
 
    text-shadow: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;
	  color: #90253d;
		font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
		 text-align: center;
	  margin-top:30px;
	font-size: 25px;
 
}
 
 
 
 
.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");
    padding:20%;
 
         margin: 0px;
       margin-bottom: 30px;
     margin-top:20px;
  margin-left: 20px;
 
}
 
 
.element_menu a{
 
  font-size: 25px;
     text-decoration:none;
  color:#e7ff23;
 
}
 
 
 
 
 .element_menu :hover {
 
  color:#333333 ;
  font-size: 25px;
 
}
 
 
 
.connexion{
 
   -moz-border-radius:15px 15px 15px 15px ;
      -webkit-border-radius: 15px 15px 15px 15px;
        -ms-border-radius: 15px 15px 15px 15px;
          -o-border-radius: 15px 15px 15px 15px;
           border-radius: 15px 15px 15px 15px;
              text-decoration:none;
                 background-image:-webkit-linear-gradient(right top, #002472 0%,#7BD4FE 100%);
              background-image:    -moz-linear-gradient(right top, #002472 0%, #7BD4FE 100%);
              background-image:     -ms-linear-gradient(right top, #002472 0%, #7BD4FE 100%);
            background-image:      -o-linear-gradient(right top, #002472 0%, #7BD4FE  100%);
          background-image:         linear-gradient(right top, #002472 0%, #7BD4FE 100%);
      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");
     padding: 20%;
 
         margin: 0px;
       margin-bottom: 30px;
     margin-top:20px;
  margin-left: 20px;
 
}
 
 
.connexion a{
 
    font-size: 25px;
     text-decoration:none;
  color:#e7ff23;
}
 
.connexion :hover {
 
   color:#333333 ;
  font-size: 25px;
 
}

je met qu'un menu car se sont les mêmes ou presque l'un est a gauche et l'autre a droite du corp,le menu gauche ie ne prend pas les border correctement,il en met sur chaque titre et menu sauf pour le premier,celui de droite il me decale tout sur le corp sauf le titre console d'occasion bref IE me fou le bazar complet,s'il faut je mettrais une photo du bazar de IE,car la je sais plus quoi faire avec lui

**Candygirl** · 17/04/2012, 20h49

euh... et si tu commençais par corriger ton code en fermant correctement tes balises a ?

Il manque un / ...

Après, peut-être l'erreur n'est elle présente que sur le code que tu as posté ici?

**arckaniann** · 17/04/2012, 22h54

mdr j'avais pas remarquer qu'il manquait des / a mes fin de a,je viens de les mettre et a priori sa a mis mes menus plus ou moins correctement mais pourquoi firefox ma pas signaler se problémes

**Candygirl** · 19/04/2012, 09h43

Les navigateurs ne sont pas là pour signaler nos erreurs mais afficher la page avec le code reçu. Leur interprétation des erreurs de code diffère selon leur moteur de rendu.

En principe, la première chose à faire est de passer ton code au validateur afin de t'assurer qu tu n'aies laisser aucune erreur du genre.

**arckaniann** · 19/04/2012, 10h49

le problèmes c'est que mes pages sont en php et que je suis en local donc le validateur ne passe pas,mais merci pour les réponses,car a toi j'ai régle mon problèmes de menu

merci beaucoup,je ferais plus attention la prochaine fois

renseignement sur ie tab

CSS

Discussions similaires

Partager

Partager