18041 sujets

Questions générales et questions de débutants

Comment centrer ma page web dans le navigateur

rebonjours, je sais pas si mon message marche bien, mais
voilà je suis vraiment debutant, malgreés ca j'ai réussi un faire un site avec flash 8.
Malheureusement lorsque je le met sur mon herbergeur mon site n'est pas centrer dans le navigateur. comment faire ?
voici mon code html de mon index:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>index</title>
</head>
<body bgcolor="#ffffff">
<!--URL utilisées dans l'animation-->
<!--texte utilisé dans l'animation-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="768" id="index" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="index.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="index.swf" quality="high" bgcolor="#ffffff" width="1024" height="768" name="index" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>


Voilà en esperant une reponse, merci
Hello,

2 solutions :

Quand mon site n'est pas très grand (800px*588px par ex) j'utilise les marges négatives en css.
body{
position:absolute;
top:50%;
left:50%;
margin:-294px 0 0 -400px;    // A adapter en fonction de ta résolution
}

Quand mon site est plus grand j'utilise les marges css pour le centrage horizontal "margin:0 auto" et un script pour le centrage vertical (une recherche google devrait t'aider).

Ce sont les méthodes que j'applique pour le centrage de site en flash.

@+
Modifié par Felipe (20 Jan 2009 - 17:10)
Bonjour,

otaku84 a écrit :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
.....etc etc



Avec un doctype ce serait bien mieux !

Pour ton centrage, j'utiliserais tout simplement "margin: 0 auto;" sur une div dans laquelle serait placée ton anim' flash, non ?

;)

edit: j'avais pas vu le réponse précédente, sorry. Mais pour le doctype, c'est toujours valable !
edit2 : tiens ce sujet est un doublon, non ?
Modifié par audrasjb (20 Jan 2009 - 17:55)
rebonjours,
je suis vraiment nul en html, cela ne marche pas.
ou dois je mettre le div? , pouvais vous me le mettre directement sur mon code please Smiley smile
merci beaucoup
Je "up" pour dire que ma solution de centrage vertical par javascript est mega bancale.
En effet, on a le rendu du DOM avant que ma fonction javascript soit totalement exécutée.

Résultat on a une fraction de seconde le site en haut du navigateur avant que le centrage ait lieu...pas cool du tout comme expérience visuelle pour le visiteur.

Je suis repassé en position absolue mais la solution du tableau comme l'a indiqué Heyoan et Florent reste de loin la meilleure.

Cette précision pour éviter de donner de mauvaises idées. Smiley cligne
Sujet clos
Aller à