2012-09-13 4 views
2

Hey quelqu'un pourrait me dire si cette partie de mon css est vrai ou faux?Comment configurer css correctement?

Je pense personnellement que c'est faux, mais c'est la seule façon que je peux placer le contenu au centre de l'écran, si je remplace le 999px avec auto tout va à gauche.

Si quelqu'un sait comment l'écrire correctement ce serait génial!

Je fais du site web depuis un bon moment maintenant mais j'ai besoin d'apprendre de la bonne façon.

#wrapper { 
    width: 999px; 
    margin: 0 auto; 
} 

DEMO

+0

u peut me montrer vivre par exemple dans jsfiddle.net ........... –

+3

Salut, bienvenue à StackOverflow. Est-il possible pour vous d'ajouter le code thois avec votre balise HTML dans un exemple sur www.jsfiddle.net? Cela nous aiderait beaucoup à visualiser votre problème et fournir une solution de travail :) – Kyle

Répondre

1

Si vous voulez que #wrapper séjour au centre de la page de votre code est correct. Vous pouvez spécifier chaque largeur souhaitée, mais pas auto.


Si vous cherchez Responsive Design, jetez un oeil à la @Media Queries

http://googlewebmastercentral.blogspot.co.uk/2012/04/responsive-design-harnessing-power-of.html


Exemple:

Écrivez votre css pour le style normal, ajouter :

/* Landscape phone to portrait tablet */ 
@media (max-width: 767px) { ... } 

/* Landscape phones and down */ 
@media (max-width: 480px) { ... } 

Ici, vous pouvez spécifier une taille et un style différents pour le navigateur avec cette taille min ou max.

Un bon outil pour commencer à utiliser Responsive Design est: Bootstrap

+0

Mais dire qu'un appareil est plus grand que 999px ou plus petit, comment j'irais à ce sujet alors? Tout irait bien? – Jack

+0

Utilisation de @Media Query –

+0

Regardez ma modification. –

Questions connexes