CSS: centre todo dentro de la etiqueta de cuerpo

Question

Estoy tratando de centrar todo dentro de la etiqueta en la página sin agregar otro contenedor dentro de ella. Mi situación no me permite cambiar el marcado que se está generando, pero puedo editar el CSS. Mi objetivo general es crear css que me permita usar la etiqueta de zoom en IE para el css de impresión (para alejar), pero la forma en que está funcionando actualmente crea mucho espacio en blanco en el lado derecho y yo desea asegurarse de que el contenido siempre esté centrado en el medio.

Answer 1

Si estás bien con el cuerpo dando un ancho fijo, puede centrarlo dándole una anchura y un margen de auto de los márgenes izquierdo y derecho:

Ej:

body { width: 960px; margin: 0 auto; } 

Answer 2

Si quieres algo como esto - http://jsbin.com/emomi3/5/ ...

body { 
    position: relative; 
    width: 100%; 
    border: 1px solid red; 
    display: block; 
    } 

    body > * { 
    margin: auto; 
    width: 500px; 
    border: 1px solid blue; 
    display: block; 
    overflow: auto; 
    } 

    body > script { 
    display: none 
    } 

(Las fronteras son sólo en fines ilustrativos)

Answer 3

si utiliza PrimeFaces ..., te recomiendo añadir !important así:

body { 
    width: 1280px; 
    height: 1024px; 
    margin: 0 auto !important; 
}