Basicamente el codigo es algo asi:
Y el CSS:
Código CSS:
Ver original#contenedor{
width: 100%;
}
#area-principal{
margin-right: auto;
margin-left: auto;
width: 900px;
}
El "contenedor" tiene un ancho de 100% (en el codigo se ve el caracter en html pero es %) para que ocupe el ancho del navegador sin importar la resolucion, asi puedo repetir un fondo degradado a lo largo de la pantalla, el "area-principal" es el area donde va el contenido de la pagina y tiene un ancho fijo de 900px y con los margenes "right" y "left" lo centro dentro del contenedor.
Como mencione funciona en FF, safari, chrome y opera pero en IE el "area-principal" no se centra sino que se muestra a la izquierda.
Espero no sea muy confuso.
Saludos