¿Centrar div independientemente de todas las resoluciones?

[Carlmycol]

Hola, ya despues de intentar varias cosas jeje.

Antes tenía un div wrapper con 60% de ancho y un left:20%, sin embargo en las diferentes resoluciones esto no funciona, dado otros divs con un tamaño no "aplacable", en otras palabras se rompe el diseño.

Sin embargo, indagando en internet, me encuentro con que se puede haciendolo asi:

Código CSS:

body
{
    margin:0;
    padding:0;
    background:#45372E;
    font-family:arial, serif;
    text-align:center;
}
#wrapper
{
    margin-left:auto;
    margin-right:auto;
    width:960px;
    text-align:left;
    position:absolute;
    background:#F2F3EE;
    height:100%;
 
}
 

Pero wtf? esto no funciona Se que es una pregunta tonta, pero la verdad no le hallo solucion.. Tengo diversos elementos cuyo tamaño es 82*82px, no sé si será por eso

Saludos, gracias de antemano

[vgonga1986]

En la misma página: http://www.forosdelweb.com/f53/probl...ar-div-928488/

[ZoroRoronoa]

Usa Margin:0 auto;

Asegurate de colocar las dimensiones en el ancho (width) del elemento que quieres centrar.

En IE y Opera, no se centra si no declaras el DOCTYPE, usa xhtml 1.0 transitional a mi preferencia.

Y usa position fixed.

Saludos :)

[afrika026]

hace esto:

#wrapper
{
//bloque que centra la pagina
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
//fin del bloque
width:960px;
text-align:left;
background:#F2F3EE;
height:100%;

}

Borrá "position: absolute" ya que #wrapper es el contenedor que va a incluír todos los divs.

[ZoroRoronoa]

Iniciado por afrika026

hace esto:

#wrapper
{
//bloque que centra la pagina
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
//fin del bloque
width:960px;
text-align:left;
background:#F2F3EE;
height:100%;

}

Borrá "position: absolute" ya que #wrapper es el contenedor que va a incluír todos los divs.

Sabes lo que es un wrapper ?
Deberias Googlearlo.

Es como un pop up, por decirlo asi, no es un contenedor, por eso el position absolute. :)

p.d: ADEMAS TU CODIGO... se puede pulir.

En vez de:
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

Puedes poner:
margin:0 auto;

Y es totalmente lo mismo :)

[alexk]

Iniciado por ZoroRoronoa

Sabes lo que es un wrapper ?
Deberias Googlearlo.

Es como un pop up, por decirlo asi, no es un contenedor, por eso el position absolute. :)

p.d: ADEMAS TU CODIGO... se puede pulir.

En vez de:
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

Puedes poner:
margin:0 auto;

Y es totalmente lo mismo :)

asi como si es "#wrapper" como si es "#miabuelito" la definicion "wrapper" es "envoltura", es el elemento que encierra a el resto de elementos hijo, es irrelevante el nombre que tenga, el punto es que no importa la ID class que asignemos sino las propiedades de estas, ademas que ya en el primer post el usuario de la cuestion pone dicha ID.... y mas importante aun USAR EL BUSCADOR... hay que recordarlo tanto a los nuevos como a los que les da lo mismo