Comment centrer une page en "Hauteur"???

Fermé
Oceane - 24 sept. 2009 à 12:27
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 - 25 sept. 2009 à 13:35
Bonjour,

J'ai un probleme mais alors que je n'arrive vraiment pas a resoudre, malgre d'inombrables recherches effectuees sur le net et des centaines de questions posees :-((

En bref: J'ai cree un site, je vous donne le lien c plus facile plutot qu'expliker avec des centaines de mots : www.graphix-lb.com

sur ce forum, on ma aide a le centrer en largeur, mais en haureur jy arrive pas. Toutes les recherchess que je fais a ce sujet explike comment centrer en largeur, mais rien en hauteur. A croire que la hauteur ne s'ajuste pas, et pourtant il ya des sites qui le font: exple: www.roche-bobois.com. Le rectangle du centre est bien centrer en largeur et en longuer sur toutes les resolution d'ecran. Comment arriver a ce resultat??

SVP je fais appel a votre aimable aide.

Merci

3 réponses

monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 130
24 sept. 2009 à 14:29
Si la hauteur de ton site reste toujours la même, tu peux faire ça via le css:
body { top:-50%; margin-top:[hauteur de ton site]; }

et normalement ça devrais passer... sinon il va te falloir passer par le javascript.

Essayes déjà ceci et dis-nous ce qu'il en est ! :D
0
Merci pour ta reponse :-)

POur eviter toute erreur, je te colle mon code, STP, dis moi ou dois je mettre ces modifiactions. Merci bcp :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GRAPHIX :: Graphic & Web Design</title>
<style type="text/css">
<!--
body {
background-color: #010149;
text-align:center;
left : 50%;
margin-left : -365px;
position : absolute;
}

}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
height: auto;
width: auto;
}
#global{
width:730px;
height:700px;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<div id="global">
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="730" height="700" id="FlashID" title="Welcome to Graphix">
<param name="movie" value="my ad.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="noborder" />
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="my ad.swf" width="730" height="700">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="noborder" />
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="https://get.adobe.com/flashplayer/"><img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
</table>
</div></td>
</tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
0
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 130
25 sept. 2009 à 13:35
Tu l'avais sous les yeux... dans ton <head> :
body {
background-color: #010149;
text-align:center;
left : 50%;
margin-left : -365px;
position : absolute;
}

tu rajoutes :
top:50%;
margin-top:-[hauteur du site]px:


Essayes ça et dis-nous si ça fonctionne ! :D
0