comment faire pour afficher la totalité de la page dans le centre du navigateur

j'ai trois divs en dehors de mon contentplaceholder

masterpage code:

<div id="content-outer" class="clear">
 <div id="content-wrapper">    
   <div id="content">      
     <asp:ContentPlaceHolder ID = "ContentPlaceHolder1" runat="server" >
      </asp:ContentPlaceHolder>     
   </div>
 </div>
</div>

la largeur du contenu div extérieure est 1400px,il fonctionne bien à l'écran, dont la largeur est de 1400 ou plus mais quand je le lance dans les éboulis de la largeur de 1024, l'ensemble de la page commence à partir de la gauche,,,je veux de centre d'aligner ma page lorsque l'ouvrir dans le navigateur,j'ai donné quelques propriétés css comme

de contenu externe:
margin-left:auto;
margin-right:auto;(pas de travail)

mais je ne suis pas en mesure de centre d'aligner l'ensemble de ma page,,,plz me dire comment je peux faire cela, j'ai également donné les mêmes propriétés pour le corps mais encore une fois pas de chance

<center>votre corps le code</center>
collez votre code svp
u veux dire horizontol et alignements verticaux
supprimer tout aligner vous mettez de l'avant ... et de mettre <center>quelque chose dans votre code html, vous voulez être dans le centre d' </center>

OriginalL'auteur Mishigen | 2010-01-26

  1. 7

    Tout d'abord, l'utilisation du centre de la balise a été supprimée, de sorte que vous ne devriez pas l'utiliser.

    <center>
    Your content here
</center>

    Votre solution de (j'ai mis le css inline pour plus de clarté)

    <div style="width: 1400px; margin: 0 auto;">
    Your content here
</div>

    Est la bonne méthode de centrage du contenu sur une page.

    Comme vous l'avez remarqué, si l'écran est plus petit que votre contenu en largeur, il ne semble pas être centré. C'est parce qu'il n'y a pas de place pour une marge à gauche ou à droite de la page et il serait incohérent de démarrer le navigateur barre de défilement dans le milieu de la page.

    Vos options sont:

    1. Vivre avec elle, c'est la manière dont tous aligné au centre des sites web de travail
    2. Réduire la largeur de votre site web sur des écrans plus petits (il y aura une plus grande marge sur de plus grands écrans)
    3. Faire une conception plus fluide comme dans l'exemple ci-dessous

    Espère que cette aide.

    <div style="width: auto; margin: 0 10%;">
    Your content here
</div>

    OriginalL'auteur Fenton

  2. 1

    juste playaround avec des styles suivants

    <body> 
 <div id="divMain"> 
  ... 
 </div> 
</body> 


body 
{ 
 margin: 0; 
 padding: 0; 
 text-align: center; 
} 
#divMain
{ 
 margin: 0 auto; 
 padding: 0; 
 width: 1024px; 
 text-align: left; 
} 



or

.divMain
{
position: absolute;
left: 10%;
width: 80%;
}

    OriginalL'auteur Saar