Duplicar Possível:
a página não vai alinhar no centro
Estou tentando centralizar minha página da web usando asp.net. Quando eu uso o <center>
marcá-lo centraliza apenas o espaço reservado para o conteúdo. Mas quando eu uso o atributo CSS margin: 0 auto
, não faz nada. Existe uma maneira de centralizar a página inteira?
Respostas:
2 para resposta № 1No seu CSS:
body {
text-align: center;
}
#container {
width: 900px; /* or some other fixed-width value */
margin: 0 auto;
text-align: left; /* reset text-align */
}
Editar: acho que provavelmente devo mostrar a marcação associada também ...
...
<body>
<div id="container">
<!-- centered content here -->
</div>
</body>
...
1 para resposta № 2
Você precisa ter todo o seu conteúdo em uma div envolvente e ter uma largura definida nesse elemento, junto com margin: 0 auto;
Exemplo:
#wrapper {
width: 960px;
margin: 0 auto;
}
0 para resposta № 3
Você pode usar CSS:
- http://davidwalsh.name/horizontally-center-website-structure-css
- http://pmob.co.uk/pob/hoz-vert-center.htm
- http://www.dynamicsitesolutions.com/css/center-page-content-horizontally-and-vertically/