Décallage sous IE
gaya_102
-
gaya_102 -
gaya_102 -
Bonjour
Tout d'abord : BONNE ANNEE
Voila je viens de me rendre compte que sous Ie j'ai des bug au niveau de ma phrase tout en haut et de mon menu tout à gauche.
J'ai essayé en mettant un code spécialement pour IE mais ca ne marche pas.
Merci par avance de votre aide.
http://www.lemondedegaya.fr/boutique/
Tout d'abord : BONNE ANNEE
Voila je viens de me rendre compte que sous Ie j'ai des bug au niveau de ma phrase tout en haut et de mon menu tout à gauche.
J'ai essayé en mettant un code spécialement pour IE mais ca ne marche pas.
Merci par avance de votre aide.
http://www.lemondedegaya.fr/boutique/
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
<!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" xml:lang="fr" lang="fr">
<head>
<title>
Faire part naissance et faire part mariage : création de faire part originaux et faire part personalisé sur les faire parts de gaya.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1;" />
<meta name="description" content="création de faire part de mariage, faire part de naissance et faire part originaux et faire part personalisé"/>
<meta name="keywords" content="faire,part,faire part,faire part naissance,faire part mariage, création de faire part, faire part personalisé, creation, personalisation, faire part de naissance,faire part deuil, bébé, bapteme, modeles faire part pour mariage,fille,garçon, faire parts,faire part photo, faire-part, faire parts naissance, faire parts de naissance, faire-part mariage, faire-part jumeaux, faire-part naissance garçon, faire-parts, faire-parts mariage,marié,liste, gratuit,cartes de remerciement, carte de mariage, carte de naissance, BAPTEME,CARTE DE DEUIL, papier, gratuit, texte faire part, faire part gaya" />
<meta http-equiv="content-language" content="fr, en" />
<meta name="author" content="les faire part de gaya" />
<link rel="shortcut icon" type="image/x-icon" href="gaya_files/favicon0.htm" />
<link rel="stylesheet" href="page4.css" type="text/css" media="all" />
</head>
<body>
<div class="centreX">
<div id="header">
<p class="texte"><strong><span class="titre">Les faire-parts de Gaya</span> <span class="slogan">Faire-part de mariage originaux et personnalisés.</span></strong></p>
<div id="second">
<ul id="menuHorizon">
<li class="deroulant" style="width:88px"><a href="index.php">Accueil</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:88px"><a href="mariage.php">Mariage</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:88px"><a href="naissance.php">Naissance</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:88px"><a href="creation.php">Création</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:88px"><a href="livredor.php">Livre d'or</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:88px"><a href="partenaires.php">Partenaires</a>
</li>
<li><img src="images/fleur_menu_page.jpg" alt="images/fleur_menu_page.jpg"/></li>
<li class="deroulant" style="width:88px"><a href="contact.php">Contact</a> </li>
</ul>
</div>
</div>
<div id="content">
<ul class="menuG">
<li><a class="gauche" href="http://www.lemondedegaya.fr/collection.php">La collection</a></li><br><br>
<li><a class="gauche" href="http://www.lemondedegaya.fr/format.php">Les formats</a></li><br><br>
<li><a class="gauche" href="http://www.lemondedegaya.fr/game.php">La gamme</a></li><br><br>
<li><a class="gauche" href="http://www.lemondedegaya.fr/fairepart.php">Le faire part</a></li><br><br>
<li><a class="gauche" href="http://www.lemondedegaya.fr/sommaire_textes.php">Idées de textes</a></li><br><br>
<li><a class="gauche" href="http://www.lemondedegaya.fr/cgv.php">Conditions de ventes</a> </li>
</ul> <div class="fenetre">
<br>
<div> <center>
<p class="texte2">
Parce que les grands évènements de votre vie meritent d'être annoncés avec originalité, <br>"le Monde de Gaya" se met à votre disposition pour créer<strong> VOTRE</strong> faire-part.
</p>
<p class="texte2">
Vous pouvez les concevoirs de deux façons :<br>
* Soit en choisissant d'abord le visuel en adaptant le format, <br>
* Soit en choisissant d'abord le format et ensuite le visuel
</p>
<p style="visibility:visible;">
<object enablejsurl="false" enablehref="false" saveembedtags="ture" type="application/x-shockwave-flash" allowscriptaccess="never" allownetworking="internal" style="width: 250px; height: 187px;" data="http://widget-0d.slide.com/widgets/slideticker.swf" width="350" height="262">
<param name="allowScriptAccess" value="never">
<param name="allowNetworking" value="internal">
<param name="movie" value="http://widget-0d.slide.com/widgets/slideticker.swf">
<param name="quality" value="high">
<param name="scale" value="noscale">
<param name="salign" value="l">
<param name="wmode" value="transparent">
<param name="flashvars" value="cy=ms&il=1&channel=3098476543666126381&site=widget-2d.slide.com&map=000000003">
</object>
</p>
<p class="texte2">
Vous personaliserez ainsi votre faire-part et son texte, <br>ce qui en fera un modèle UNIQUE!
</p>
<br>
<p class="texte2">
Vous trouverez également des menus, marques-places <br>et cartes de remerciements coordonnés.
</p>
<p class="texte2">
<strong>Vous allez donc pouvoir concevoir vos propres créations, adaptables à toutes vos envies!</strong><br>
<br>
</p>
</div></center>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11713821-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</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
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
li
{display:inline;}
.centreX
{
position:absolute;
left:50%;
margin-left:-500px;
width: 1000px;
top:50%;
margin-top:-276px;
height: 552px;
background-image : url("images/fond_page2.JPG");
background-repeat: no-repeat;
border :2px solid black;
font-style: italic;
font-family:comic sans ms, Times New Roman, Times, serif;
}
.centreX2
{
position:absolute;
left:50%;
margin-left:-500px;
width: 1000px;
top:50%;
margin-top:-276px;
height: 552px;
background-image : url("images/fond_page_format.jpg");
background-repeat: no-repeat;
border :2px solid black;
font-style: italic;
font-family:comic sans ms, Times New Roman, Times, serif;
}
body {
background-color: #f7d8fc;
font-family:comic sans ms, Times New Roman, Times, serif;
font-style: italic;}
span.titre {
color: #b04cbf;
font-size: 26px;
text-decoration: none;
text-align: center;
position:absolute;
top: 10px;
left : 230px;
font-style: italic;
}
a {
color: #781d89;
font-style: italic;
font-size: 17px;
text-decoration: none;
text-align: center;
}
a:hover {
color: #e365f6;
font-size: 17px;
text-decoration: none;
text-align: center;
font-style: italic;
}
span.slogan {
color: #7890d2;
font-size: 17px;
text-decoration: none;
text-align: right;
position:absolute;
top: 70px;
left: 582px;
font-style: italic;
margin-right:5px;
}
h1
{
font-size: 17px;
text-align:left;
text-decoration: underline ;
position:absolute;
top: 15px;
left:25px;
color: #7890d2;
font-style: italic;
}
#menuHorizon {
font-size: 13px;
float:right;
margin-top:110px;
padding-left:0;
padding-right:20px;
font-style: italic;
}
#header p.texte {
margin:0px;
}
#menuHorizon li {
display:inline;
height:400px;
line-height:26px;
vertical-align:top;
left:100px;
}
.menuG {
position: relative;
float:left;
width:165px;
height:370px;
top: 230px;
text-align: center;
font-family:comic sans ms, Times New Roman, Times, serif;
font-size: 17px;
}
.fenetre{
overflow: auto;
position:absolute;
width:775px;
height : 402px ;
top: 150px;
left: 225px;
}
table
{
margin: auto; /* Centre le tableau */
position: relative;
top: 40px;
width:750px;
font-size: 15px;
}
td
{
text-align: center; /* Tous les textes des cellules seront centrés*/
border: 0px solid black;
}
/* page produit*/
h2{
text-align: center;
margin-right:15px;
margin-left:5px;
font-size: 15px;
margin: 0;
color: #7890d2;
}
h3{
color: #7890d2;
font-size: 15px;
margin: 0;
}
h4
{
font-size: 17px;
top: 15px;
left:50px;
color: #7890d2;
font-style: italic;
text-decoration: underline ;
}
.tableau
{
margin: auto; /* Centre le tableau */
position: relative;
top: -25px;
font-size: 15px;
}
.texte{
text-align: center;
width:720px;
font-weight:bold;
margin-left:15px;
margin-right:55px;
font-size: 15px;
margin: 0;
text-align: center; }
.hauteur{
height:30px;
}
Par contre mon menu de gauche est décalé vers le bas.
css de mon menu
.menuG {
position: relative;
float:left;
width:165px;
height:370px;
top: 230px;
text-align: center;
font-family:comic sans ms, Times New Roman, Times, serif;
font-size: 17px;
}