A maioria das páginas hoje são dispostas usando camadas (div), então o problema de alinhar o site ao centro da janela do navegador é reduzido à tarefa de centralizar a camada que determina a largura da área visível da página. Para que seja posicionado no meio da janela, é necessário definir as configurações apropriadas para seu elemento pai ou para este próprio bloco.
É necessário
Conhecimento básico de linguagens HTML e CSS
Instruções
Passo 1
Coloque a camada que deseja posicionar no centro da janela, entre as partes de abertura e fechamento da tag central, caso queira fazer apenas utilizando os meios da linguagem HTML (HyperText Markup Language - "hypertext markup language"). Assumiremos que o pai da camada que define as bordas da página é o corpo desta página. A versão mais simples do código HTML usando a tag central, neste caso, pode ter a seguinte aparência:
Página central
texto da página
Passo 2
Se você quiser usar CSS (Cascading Style Sheets) para alinhar a página ao centro, use o dimensionamento automático do preenchimento das bordas da janela do navegador. Os tamanhos de margem em CSS são determinados pelo parâmetro de margem. Remova as tags centrais da amostra anterior e adicione um parâmetro de margem de 0 auto ao atributo de estilo da camada que define a largura da página:
Página central
texto da página
etapa 3
Obviamente, a definição de estilo pode ser retirada do atributo de estilo e colocada em um arquivo externo ou no cabeçalho do documento (entre as tags e). Nesse caso, o mesmo código terá a seguinte aparência:
Página central
#pageFrame {
largura: 700px;
altura: 400px;
fundo: # 0BB;
margem: 0 automático;
}
texto da página
