Centrer un élément <object>

**Kicker** · 12/11/2008, 17h47

Bonjour, voilà j'aimerais centrer mon jeu dans la fenêtre mais il fini toujours en haut à gauche :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg">
  <head>
	<title>
		Runaway Shooter
	</title>
  </head>
  <body>
	<div style="height:600px; width=800px;">
		<object type="image/svg+xml" data="jeu.svg">
       			Votre navigateur ne supporte pas le SVG...
   		</object >
	</div>
  </body>
</html>

J'ai essayé margin:auto dans l'attribut style (margin-right et left également), la balise center, l'attribut align="center" dans la balise div, rien ne marche.
La seule chose qui donne un résultat, c'est ça :

Code :

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

style="height:600px; width=800px; position:relative; left:50%; margin-left:-400px;"

Le problème, c'est que ça fait apparaitre une barre de défilement horizontal vers la droite...
J'ai pourtant essayé de préciser width=800px dans toutes les balises, rien y fait, le jeu prend toute la page en largeur, et avec le left:50%, ça "pousse" la partie en trop en dehors de la page, d'où la barre de défilement.

J'ai également le même résultat en faisant ça :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg">
  <head>
	<title>
		Runaway Shooter
	</title>
  </head>
  <body>
	<div style="position:relative; left:50%; margin-left:-400px;">
		<object type="image/svg+xml" data="jeu.svg" style="height:600px; width=800px;">
       			Votre navigateur ne supporte pas le SVG
   		</object >
	</div>
  </body>
</html>