Problemas con box

[The_Code]

Hola, tengo esta página web: http://megajuegos3d.com.ar
Como podrán ver, si tienen una pantalla estandar 18" widescreen para arriba, notarán bastante que el contenido está a la izquierda, pero no está centrado, osea, no está en donde debería ir (preparé el fondo justo para que entre el contenido y combine con el fondo). Entonces, qué código debo usar para que la caja "contenido" se centre completamente en la pantalla (y en lo posible que quede el texto como está ahora, centrado o a la izquierda, según quiera yo)

Imágen

Desde ya gracias por las respuestas

[memoadian]

para centrar elementos debes usar margin:0 auto
y position relative

Código CSS:

.centrado{
    margin:0 auto;
    position: relative
}
 

Código HTML:

<div class="centrado"></div>
 

[The_Code]

pasa los mismo

[memoadian]

tienes que darle un ancho, por ejemplo 980px

si le das un ancho de 100% nunca se va a centrar. Por que estás ocupando toda la pantalla.

[The_Code]

ah, muchísimas gracias, me ha servido

[pitufoweb]

Iniciado por memoadian

para centrar elementos debes usar margin:0 auto
y position relative

No entendi por que necesita position:relative



saludos

[memoadian]

Iniciado por pitufoweb

No entendi por que necesita position:relative

saludos

de ser necesario, puede que no, pero es una manera de resetear el css, para que la posición del div centrado, este posicionado relativamente dentro de su contenedor.

Puede que sea una de esas costumbres que se me quedaron.

[pitufoweb]

Iniciado por memoadian

de ser necesario, puede que no, pero es una manera de resetear el css, para que la posición del div centrado, este posicionado relativamente dentro de su contenedor.

Puede que sea una de esas costumbres que se me quedaron.

Bien,

Creí que me había perdido de algo.




Saludos