Centrer un élément <object>
Bonjour, voilà j'aimerais centrer mon jeu dans la fenêtre mais il fini toujours en haut à gauche :
Code:
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:
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:
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> |
Je suis à court d'idée. :?
Merci d'avance
