Centrer son site web
Bonjour,
J'aurais aimé un petit coup de main concernant le centrage de ma page web...
C'est assez simple, j'aimerais que quelque soi la résolution écran du visiteur de mon site, celui ci ce retrouve systématiquement au centre de son explorateur.
Sur ce lien http://www.jianmili.net vous devriez comprendre mon soucis.
Il est bien centré à l'horizontal mais pas à la verticale.
A noté que l'image au format 1000X626 sera à therme un swf
Je travail sur Flash CS4 et Dreamweaver CS4
D'avance merci m'ssieur dames ;)
N.
J'aurais aimé un petit coup de main concernant le centrage de ma page web...
C'est assez simple, j'aimerais que quelque soi la résolution écran du visiteur de mon site, celui ci ce retrouve systématiquement au centre de son explorateur.
Sur ce lien http://www.jianmili.net vous devriez comprendre mon soucis.
Il est bien centré à l'horizontal mais pas à la verticale.
A noté que l'image au format 1000X626 sera à therme un swf
Je travail sur Flash CS4 et Dreamweaver CS4
D'avance merci m'ssieur dames ;)
N.
Configuration: Mac OS X Firefox 3.5.3
9 réponses
-
hehe... merci du conseil ;)
++ -
ah ouais, j'oubliais, abandonne Dream ! c'est un soft qui sers à rien sauf perdre du temps et ne pas savoir faire le moindre bout de code :p
un bon Intype pour faire un site c'est parfais ;) -
Un grand merci...
je vais voir ce que ca donne ;)
++ -
faut bien penser à séparer les contenu du style ;)
<head>
<style type="text/css">
<!--
body {
background-color: #3d3d3d;
margin:0;
text-align:center; /* pour IE */
}
#coming{
width:1000px;
height:626px;
margin:0 auto; /* pour centrer le div */
}
-->
</style>
</head>
<body>
<div id="coming">
<img src="images/coming_soon.jpg" alt="coming_soon" />
</div>
</body> -
Voici mon code... aurais tu la gentillesse de me dire ce qui cloche ?
<!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">
<head>
<link rel="shortcut icon" href="images/gemini_icone.png" type="image/x-icon"/>
<link rel="icon" href="images/gemini_icone.png" type="image/x-icon"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>简迷离 Gemini ® Coming soon</title>
<style type="text/css">
<!--
body {
background-color: #3d3d3d;
}
-->
</style></head>
<body>
<img src="images/coming_soon.jpg" width="1000" height="626" /></div>
</div>
</div>
</div>
</div>
</body>
</html> -
Dans la section Body ?
-
Il faut que tu mettes dans ton CSS un
margin : auto ;
-
La comme ça... non :(
Si c'est des codes je devrais pouvoir m'en sortir non ? -
Tu connais le CSS ?
