Em relação à questão do CSS controlar a centralização horizontal dos DIVs, vejo que muitos novatos estão confusos. Lembro que a primeira vez que li CSS foi em um livro escrito por um estrangeiro e que falava sobre o uso da centralização.
margem esquerda:auto;
margem direita:auto;
Na verdade, é equivalente a:
margem:0 automático;
Então você pode usar esse método, mas algumas pessoas descobriram que ele não estava centralizado ao usar o IE. É recomendado que você verifique se está faltando uma declaração DTD.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
Muitas pessoas cometeram erros semelhantes! Também pode-se dizer que esse método foi experimentado e testado, mas ainda não funciona em alguns casos. Portanto, existe um segundo método.
margem esquerda: 50%;
esquerda: -largura/2;
A largura aqui não é a largura em CSS, mas a largura do seu DIV. Por exemplo, se o seu div tiver 768px de largura, você deve definir left:-384px. Muito bem, já existem dois métodos, que se pode dizer que resolveram os problemas que possa encontrar.
Às vezes você descobrirá que esses dois não são suficientes. Não é compatível com alguns navegadores. Então encontrei um terceiro método, que considera principalmente o IE, e é baseado no primeiro método. Requer configuração do corpo.
corpo {text-align: center;}
Dessa forma, também fica centralizado no IE, mas traz um novo problema. Você descobre que todo o texto da sua página está centralizado, o que não é bonito. Isso é facilmente resolvido, basta adicionar text-align: left e outras configurações de ajuste à sua definição DIV.
O texto acima é apenas uma referência e um esboço após o jantar. Todos podem prestar atenção nisso no trabalho prático!