HTML/CSS Contenu toujours centré
Comment puis-je centre mon contenu de la page pour qu'il soit centré sur chaque type de taille de l'écran? Par exemple, sur Allegorithmic si je redimensionner mon navigateur, le contenu du centre de décaler vers la gauche jusqu'à ce qu'il atteigne la fenêtre du navigateur. Il y a certains éléments d'arrière-plan qui s'étendent horizontalement à l'infini (le gris foncé en haut, la lumière grise dans le milieu, etc.). Je peux ouvrir ce site sur mon portable et sur mon iMac et il est centré. J'ai pensé que je pourrais utiliser le positionnement absolu pour déplacer du contenu x nombre de pixels à partir de la gauche, mais qui ne fonctionnera pas parce que 300 pixels de centrer le contenu sur un écran plus petit, de ne pas centrer sur un grand écran.
Donc, en substance, je voudrais reproduire la fonctionnalité de l'Allegorithmic site internet, avoir des arrière-plans qui sont infinies horizontalement, mais certains ont un contenu qui reste toujours "centré".
OriginalL'auteur spentak | 2011-08-27
Vous devez vous connecter pour publier un commentaire.
Si vous voulez éléments toujours centrée sur l'utilisation
margin: 0 auto;
dans les styles.W3.org de référence pour le centrage des choses à l'aide de CSS
Pour obtenir des éléments d'arrière-plan pour étendre l'ensemble de la longueur de la page suffit de leur donner une largeur de 100%, puis faire un conteneur enfant au sein et à leur donner le même style que ci-dessus. Je parie que l'exemple que vous avez donné est juste à l'aide d'un 1px par certains de hauteur avec des lignes pour obtenir cet air sur l'arrière-plan.
Exemple
Exemple avec l'image de bg
Balisage
CSS
OriginalL'auteur Loktar
Essayer ce -
auto
devrait aligner le contenu de la page au centre en laissant de l'espace (gauche, droite) en fonction du navigateur redimensionner.OriginalL'auteur Mahesh
Vous pouvez définir des conteneurs à l'intérieur d'une div pour chaque "niveau".
et de style avec css, utilisez l'id de styles personnalisés par conteneurs (ceux qui sont à 100% de large de sorte qu'ils ont le plein bg)
OriginalL'auteur mreq
HTML
CSS
Ce seront enroulent et le centre de tout le contenu de votre page.
Espère que cette aide.
OriginalL'auteur GoGoGarrett
J'ai quelques exemples ici vous pouvez regarder. Le premier (boîte rouge) je crois que c'est ce que vous cherchez.
http://jsfiddle.net/kYCWX/
OriginalL'auteur Will