Centrer le contenu sur la page en utilisant CSS

Question

J'essaie de créer une page de génération de prospects. Je veux centrer tous les contenus de la page au centre lorsqu'ils sont affichés sur n'importe quelle taille de navigateur.

J'ai essayé d'utiliser le centre d'alignement vertical. Mais cela ne semble pas fonctionner.

Quelles sont les meilleures pratiques pour le faire?

http://play.mink7.com/h/mspre/

Answer 1

Si vous voulez dire que le centrage entre les bords gauche et à droite, vous créez un élément avec une largeur fixe et répandre margin: auto; dessus.

Si vous souhaitez centrer l'élément à la fois horizontalement et verticalement, placez-le à mi-chemin de la page horizontalement et verticalement, puis retirez-le de la moitié de sa largeur et de sa hauteur.

Par exemple:

.someElement { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin: -100px 0 0 -100px; 
} 

Answer 2

Ici, vous allez:

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Answer 3

Pour moi, la meilleure façon de le faire est de faire un conteneur div de la largeur de jeu. Je choisis normalement environ 900px car presque tous les affichages sont plus larges que cela maintenant quelques jours. Je centre alors div en utilisant la marge automatique.

#container { width: 900px; 
margin: 0px auto 0px auto; 
} 

Ceci va centrer le div. Bob est ton oncle.
Si vous voulez, je peux poster des exemples de ceci.

Mike