Página centralizada

[Superwagtel 1]

Desenvolvi a primeira página do site responsivo que será a página principal, recebendo os dados para exibição de um DB access.

 

Mas estou com um problemão, não consigo deixa-la centralizada na tela.

 

Quando no CSS digito:

 

*{

margin:0 auto;

padding:0 auto;

}

 

Ela fica à esquerda, mas quando digito:

 

*{

margin:0 auto;

padding:0 auto;

text-align:center;

}

 

A página centraliza, mas também todo o conteúdo dela também (links, menus, textos, imagens, etc...)

Não seguindo as regras de cada div: header, nav, section, article, aside, footer, etc...

 

Alguém sabe me dizer onde estou errando?

 

Também estou usando os CSS abaixo para a página inteira:

 

body{

background:#EBEBEB;

height:auto;

}

 

#pagina{

width:960px;

height:auto;

margin:0 auto 0 auto;

background:#FFF;

display:inline-block;

}

[rikaschmitt 54]

Primeiro, tira isso do seu css:

*{
margin:0 auto;
padding:0 auto;
}

Nunca utilize isso. Não é bom englobar todos os elementos com essa finalidade.

E depois retire o "display" da id #pagina. Acho que vai resolver.

[André do Vale 76]

Quando você aplicou o text-align: center no asterisco, você englobou todos os elementos da página (esta é a função do asterisco, ser um coringa).

 

Remova o valor auto também do asterisco, é desnecessário. Deixe apenas 0, que lhe ajudará a resetar o estilo da página.

 

E por fim, siga a dica do @rikaschmitt e tente remover o display: inline-block do #pagina que deve funcionar.