Blanc dans une page HTML

**Antoinejdu44** · 05/01/2009, 19h29

Salut a tous
Je suis en train d'ameliorer le code de mon site mais y a un petit probleme
Il y a des gros blancs qui endommage le positionnement de certaines choses (j'ai mis une image dans le css qui doit etre centré mais vu qu'il y a des blancs elle ne s'affiche pas correctement

)

Voila le code

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
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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>HD44</title>
 
 
  <meta name="robots" content="index">
 
  <link rel="generateur-meta" href="http://www.referencement-fr.com/">
 
  <meta name="description" content="Mon blog avec ma life et mes amis ainsi que des tutos">
 
  <meta name="keywords" content="Blog, jeux, amis, tutoriaux, t&eacute;l&eacute;chargements" lang="fr">
 
  <meta name="reply-to" content="antoinejdu44@hotmail.fr">
 
  <meta name="category" content="Blogs">
 
  <meta name="distribution" content="global">
 
  <meta name="author" content="Antoine Julien" lang="fr">
 
  <meta name="copyright" content="">
 
  <meta name="generator" content="IziSpot 4">
 
  <meta name="identifier-url" content="http://www.hd44.on.ma">
 
  <meta name="expires" content="never">
 
  <meta name="Date-Creation-yyyymmdd" content="">
 
  <meta name="Date-Revision-yyyymmdd" content="">
 
  <meta name="revisit-after" content="15 days">
 
  <meta name="TITLE" content="HD44">
 
  <meta name="LANGUAGE" content="FR">
 
  <meta name="SUBJECT" content="Blog sur ma life ">
 
  <meta name="ROBOTS" content="All">
 
  <meta name="AUTHOR" content="Antoine Julien">
 
  <meta name="OWNER" content="antoinejdu44@hotmail.fr">
 
  <meta name="RATING" content="blog">
 
  <meta name="REVISIT-AFTER" content="10 DAYS">
 
  <meta name="verify-v1" content="F9ag6FQl26Ii1YzjOpJAwTY+FT9Z3CzCWGygihzRo9k=">
 
  <meta http-equiv="Content-Type" content="text/html; charset=" iso-8859-1="">
 
<link rel="stylesheet" href="style.css">
</head>
 
 
<body onload=" initialise_traduction();">
 
<script type="text/JavaScript" src="global_003.js"></script>
<script type="text/JavaScript" src="language_004.js"></script>
<script type="text/JavaScript" src="Ajax_005.js"></script>
<script type="text/JavaScript">var dmWorkPath=""</script>
<script type="text/JavaScript" src="dmenu_006.js"></script>
<script type="text/JavaScript" src="dmenu_dyn_007.js"></script>
<script type="text/JavaScript" src="dmenu_popup_008.js"></script>
<script type="text/JavaScript" src="dmenu_add_009.js"></script>
<script type="text/JavaScript">
<!--
function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut = (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}
try
{w.close()}
catch (ex)
{
}
w=window.open(URL,nom_win,parametres); }
function JumpMenu(cible,selectObj,restore)
{ eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}
//--> </script>
 
 
 
 
 
 
&nbsp;
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<noscript><!--Javascript Menu Link for no script browser-->
<br><a href='accueil_030.htm'>Accueil</a>
<br><a href='ami_e_s_031.htm'>Ami(e)s</a>
<br><a href=''>Créations</a>
<br><a href='contact_034.htm'>Contact</a>
<br><a href='virtual_tuning_061.htm'>Virtual
Tuning</a>
<br><a href='images__055.htm'>Mes images</a>
<br><a href='astuces___aide_092.htm'>Tutoriaux</a>
<br><a href='profil_068.htm'>Mon profil</a>
<br><a href='passions_069.htm'>Mes passions</a>
<br><a href='mao_070.htm'>MAO</a>
<br><a href='poste_des_com_s_072.htm'>Poste des
com's</a>
<br><a
href='ressources_073.htm'>Téléchargements</a>
<br><a href='mes_dessins_074.htm'>Mes dessins</a>
<br><a href='ma_musique__081.htm'>Ma sic</a>
<br><a href=''>Coin détente</a>
<br><a href='jeux_videos_088.htm'>Jeux Videos</a>
<br><a href='humour_089.htm'>Humour</a>
<br><a href='sites_090.htm'>Sites</a>
<br><a href='liens_189.htm'>Liens</a>
</noscript>
 
<div id="PosCharte" style="position: absolute; width: 1024px; height: 748px; left: 50%; margin-left: -490px; top: 50%; margin-top: -250px;">
<div id="obj_31" style="position: absolute; left: -2px; top: 88px; width: 1024px; height: 30px; z-index: 29;"><img src="image_002.gif" border="0" height="30" width="1024"></div>
 
<div id="obj_32" style="position: absolute; left: 644px; top: 41px; width: 293px; height: 20px; z-index: 30; overflow: visible;">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
 
  <tbody>
 
    <tr>
 
      <td align="left" valign="top"><font style="font-family: Arial; font-size: 12pt; font-weight: bold; text-decoration: none;" color="#000000"><span class="titre_rubrique">Accueil</span></font></td>
 
    </tr>
 
  </tbody>
</table>
 
</div>
 
<div id="obj_34" style="position: absolute; center: 44px; top: 159px; width: 850px; height: 350px; z-index: 31; overflow: visible;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
 
  <tbody>
 
    <tr>
 
      <td>
      <div style="text-align: center;">
      <script type="text/javascript"><!--
google_ad_client = "pub-0821027587249665";
/* 728x90, date de création 02/12/08 */
google_ad_slot = "1955804962";
google_ad_width = 728;
google_ad_height = 90;
//-->
      </script>
      <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
      </script></div>
 
      <p style="color: rgb(0, 0, 0); text-align: center; font-family: Comic Sans MS;"><font size="+1"><u><strong>.:Bienvenue
sur mon site:.</strong></u></font></p>
 
      <p></p>
 
      <div style="text-align: center;">
      <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><em> <input name="cmd" value="_s-xclick" type="hidden"> <input name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----" type="hidden"> <input src="https://www.paypal.com/fr_FR/FR/i/btn/btn_donate_LG.gif" name="submit" alt="" border="0" type="image"><img alt="" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" border="0" height="1" width="1"> </em> </form>
 
      </div>
 
      <p style="color: rgb(0, 0, 0); text-align: center;">
      </p>
 
      <p style="color: rgb(0, 0, 0);" align="left"><font face="Georgia"><strong>Ce site est mi-blog mi-site
web, car on peut poster des com's si on veut.&nbsp; ;)</strong></font></p>
 
      <p style="color: rgb(255, 102, 0);" align="left"><span style="font-family: Georgia; font-weight: bold; font-style: italic; text-decoration: underline;"><em>Com's&nbsp;</em></span></p>
 
      <em>
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100','height','20','title','Button','src','button1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button1' ); //end AC code
      </script>
      <noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="100" height="20" title="Button"> <param name="BGCOLOR"
value="">
<param name="movie" value="button1.swf"> <param name="quality"
value="high"> <embed src="button1.swf" quality="high"
pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="100"
height="20"></embed>
</object> </noscript>
 
      </em>
      <p align="left"><em><strong><font color="#ff6600" face="Georgia"><em><u>News
articles :</u></em></font></strong></em></p>
 
      <ul>
 
        <li>
          <div align="left"><strong><font color="#999999" face="Georgia"><span style="color: rgb(0, 0, 0);">Need For Speed ProStreet
=&gt; <a style="font-family: Georgia; color: rgb(102, 102, 204);" href="Need_for_speed%20pro_street.html">ici</a></span></font></strong></div>
 
        </li>
 
        <li>
          <div align="left"><strong><font color="#999999" face="Georgia"><span style="color: rgb(0, 0, 0);">Mes potes =&gt;</span>&nbsp;
          </font><a href="ami_e_s_183.htm"><font color="#666699" face="Georgia">ici</font></a></strong></div>
 
        </li>
 
        <li>
          <div align="left"><strong><font color="#999999" face="Georgia"><span style="color: rgb(0, 0, 0);">Ma musique =&gt;</span>
          </font><a href="ma_musique__168.htm"><font color="#999999" face="Georgia"><font color="#666699">ici</font></font></a></strong></div>
        </li>
        <li><font color="#999999" face="Georgia"><font color="#666699"><span style="font-weight: bold; color: rgb(0, 0, 0);">Mes images</span> &nbsp;=&gt; <a style="font-family: Georgia; color: rgb(102, 102, 204);" href="images__055.htm"><span style="font-weight: bold;">ici</span></a><br>
          </font></font></li>
 
      </ul>
 
      <p align="left"><em><strong></strong>&nbsp;<strong><font color="#ff6600" face="Georgia"><u>Nouveaux
tutoriaux :&nbsp;</u></font></strong></em><span style="color: rgb(0, 0, 0);">
      <strong><font color="#ff6600" face="Georgia">&nbsp; &nbsp; &nbsp;<span style="color: rgb(0, 0, 0);"> <a style="font-family: Georgia; color: rgb(102, 102, 204);" href="astuces___aide_092.htm">=&gt; voir les tutos</a></span></font></strong></span></p>
 
      <ul>
 
        <li>
          <div align="left"><strong><font color="#999999" face="Georgia"><span style="color: rgb(0, 0, 0);">Comment compresser en .cab
=&gt; <a style="font-family: Georgia; color: rgb(102, 102, 204);" href="Compresser_en_.cab.html">ici</a></span></font></strong></div>
 
        </li>
 
        <li>
          <div align="left"><strong><font color="#999999" face="Georgia"><span style="color: rgb(0, 0, 0);">Comment gagner de l'argent ?
=&gt;</span>&nbsp; </font><a href="comment_gagner_de_l_argent__185.htm"><font color="#666699" face="Georgia">ici</font></a></strong></div>
 
        </li>
 
        <li>
          <div align="left"><strong><font color="#999999" face="Georgia"><span style="color: rgb(0, 0, 0);">Comment cr&eacute;er un
site web ? = &gt;</span> </font><a href="comment_cree_un_site_facilement_186.htm"><font color="#666699" face="Georgia">ici</font></a></strong></div>
 
        </li>
 
      </ul>
 
      <em><br>
 
      </em>
      <p align="center"><em>
      <script type="text/javascript" src="http://www.123compteur.com/compteurjour.php?votre_id=276115"></script></em></p>
 
      <noscript><em><a href="http://www.123compteur.com"
target="_blank">compteur</a></em></noscript>
 
      <p align="center"></p>
 
      <p align="center"></p>
 
      <br>
 
      <br>
 
      </td>
 
    </tr>
 
  </tbody>
</table>
 
</div>
 
 
 
 
 
<div id="obj_43" style="position: absolute; left: 17px; top: 91px; width: 669px; height: 24px; z-index: 34; overflow: visible;">
<script type="text/javascript" src="config_menu_010.js"></script></div>
 
</link>
 
</div>
 
</body>
</html>

Il est un peu "brouillon" mais c'est une page de test

Merci de votre aide

**Squizzy** · 05/01/2009, 20h04

Salut,

Il y a des "conflits" dans ta css, tu définis la propriété "left" puis tu mets un "margin-left" négatif, ensuite il y a la même chose pour "top". Dans ton cas, ces deux propriétés se contredisent

Tu veux centrer l'affichage ?

**Antoinejdu44** · 05/01/2009, 20h26

Oui mais si possible sans aucun barre de defilements dans les hautes resolutions

**Erwan31** · 05/01/2009, 21h00

Hello,
ta ligne de doctype (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
) fait basculer les navigateurs en mode de compatibilité descendante (mode de rendu non standard donc déconseillé) appelé aussi mode quirks.
Un article à lire (parmis d'autres): http://pagesperso-orange.fr/coin.des...s/faq9_64.html
Commence donc par déclarer un doctype HTML4.01 complet, puis vois si ça arrange ton problème

PS: il va falloir un peu actualiser ton code (il a presque ton âge

), tu devrais te former (plus jeune tu te formes au bonnes pratiques de codage plus ça t'éviteras de prendre de mauvaise habitudes alors autant commencer maintenant, 14 ans c'est impeccable ça pour débuter

)

**Antoinejdu44** · 06/01/2009, 12h55

Autant supprimer le .01 et le mettre en HTML 4.0

**Erwan31** · 06/01/2009, 13h36

Envoyé par Antoinejdu44

Autant supprimer le .01 et le mettre en HTML 4.0

Raté

En plus des doctype complet, il n'y a que les doctype HTML 4 sans définition ou strict incomplet qui ne font pas basculer le navigateur en mode Quirks. Voir ce tableau: http://hsivonen.iki.fi/doctype/

D'autre part même si la validateur du W3C est capable de valider un document pourvu d'une déclaration de doctype sans URL, mieux vaut lui indiquer cette URL
normalisée.