High-Tech Santé Médecine Droit-Finances

Nettoyer

son écran plat

Rechercher : dans
Par :

Comment centrer une page en "Hauteur"???

Dernière réponse le 25 sep 2009 à 13:35:47 Oceane, le 24 sep 2009 à 12:27:59 
 Signaler ce message aux modérateurs

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

Configuration: Windows Vista Internet Explorer 7.0

Meilleures réponses pour « Comment centrer une page en "Hauteur"??? » dans :
PC : les configurations de référence (unités centrales) VoirLes principes généraux sont décrits dans cet article. Ici seront décrits les choix les plus intéressants pour son Unité Centrale. Les différents éléments sont choisis en fonction de leur rapport performances/prix intéressant, ou pour une...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Posez votre question Répondre

1

monkey_monk, le 24 sep 2009 à 14:29:52

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 [Monkey Monk]
That's all folks !

   
Répondre à monkey_monk

2

Oceane, le 24 sep 2009 à 21:13:01

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="http://www.adobe.com/go/getflashplayer"><img src="http://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>

   
Répondre à Oceane

3

 monkey_monk, le 25 sep 2009 à 13:35:47

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 [Monkey Monk]
That's all folks !

   
Répondre à monkey_monk
Posez votre question Répondre
Ils ont besoin de votre aide