Problema centrar web, ya no se que hacer!

[atiti]

Buenas noches!

Soy nueva en este foro y creo que a partir de ahora lo visitaré bastante para ayudar y ver si se pueden resolver mis duditas como esta:

He hecho una web y a mí se me ve muy bien en todos los navegadores, hago scroll (control + rueda ratón) y la veo siempre centrada pero me siguen diciendo que ellos la ven descentrada, como hacia un lado...

¿Podéis decirme que tal se os ve y si se ve mal que solución le daríais?

He creado un contenedor con margin 0 auto y una anchura de 900px...

Un saludo y muchas gracias!!

www.mundoabierto.aticomdesign.es

[IsaBelM]

prueba así

#contenido {
width: 100%;
height: 100%;
}

[kseso?]

Atendiendo a que es su primer mensaje y que veo que ya aplica el /margin:0 auto/ vamos con la solución sin sermón.

Su problemas está en su segunda caja:

#main_container {
background-color: #FFFFFF;
border-top: 5px solid #0091ED;
box-shadow: 0 0 6px #7D7D7D;
float: left;
height: auto;
margin: 0 0 0 230px;
overflow: hidden;
padding: 0 0 40px;
position: relative;
width: 900px;

Quite lo trachado y que resalto en rojo y añada lo resaltado en azul y negrita.

Si quiere saber el porqué, comente al respecto.

No he pasado a ver más código que el de esa caja y su ancestro.

[CasaMadrugada]

Lo podrias solucionar quitandole al body y al #content el

margin: 0 auto;

EDIT:

Segun lo que dice el post anterior, no me habia percatado de ese margin: 0 0 0 230px; , pero no es necesario eliminar el float:left; pero si el margin.

ya que este margin no es necesario porque siempre habra un margen de 230px sin importar la resolución del monitor. y mientras mas grande sea la resolucion del monitor mas espacio habra en la derecha que en la izquierda, al igual que en los pequeno habra un gran espacio en la izquierda de 230px lo cual el contenido podria cortarse en la derecha de la pagina.

[kseso?]

Iniciado por CasaMadrugada

Lo podrias solucionar quitandole al body y al #content el


EDIT:

Segun lo que dice el post anterior, no me habia percatado de ese margin: 0 0 0 230px; , pero no es necesario eliminar el float:left; pero si el margin.

¿Está seguro?
¿Para qué quiere flotar un div que ocupa tiene el mismo ancho que su contenedor y a mayores no va a tener ningún hermano en su línea?
Tampoco he entrado a depurar, aun más, el código de esa página. Tanto la anchura como altura declaradas son innecesarias y la caja primera sobraría... et, etc. Pero eso no toca.

Creo que ha respondido por responder sin haber verificado qué hace el código, tanto el sugerido por usted (nada) como el mío.

Código es código y para enjuiciarlo y valorarlo antes se debería probar.

[CasaMadrugada]

Iniciado por kseso?

¿Está seguro?
¿Para qué quiere flotar un div que ocupa tiene el mismo ancho que su contenedor y a mayores no va a tener ningún hermano en su línea?
Tampoco he entrado a depurar, aun más, el código de esa página. Tanto la anchura como altura declaradas son innecesarias y la caja primera sobraría... et, etc. Pero eso no toca.

Creo que ha respondido por responder sin haber verificado qué hace el código, tanto el sugerido por usted (nada) como el mío.

Código es código y para enjuiciarlo y valorarlo antes se debería probar.

o sea dices que sugeri nada?. bueno respeto tu oponion pero solo me referia a eso ya que los hijos tienen demas float, y tienes razon no es necesario el float, pero debera agregar un clear:both al final del contenido principal, ya que el div contiene varios float para no decir todos los hijos. asi que para no entrar en detalle de que debe agregar el clear (no se exactamente donde porque abria que ver un poco mas el html). sugerí que dejara intacto el float.

[cristian_cena]

El método para centrar cajas varía según el tipo de las mismas:

Si es de bloque:
centrado horizontal: usar margin: 0 auto;
centrado vertical: dando posicionamiento absoluto y emparejando con margin negativo. Si el alto de la caja es variable no queda alternativa que usar javascript.

Si es de línea:
centrado horizontal: usar text-align:center;
centrado vertical: usar un valor de line-height igual a la altura de su contenedor de bloque.

+ info:
http://www.librosweb.es/css/capitulo...elementos.html
http://www.librosweb.es/css/capitulo...ntalmente.html
http://www.librosweb.es/css/capitulo...icalmente.html
css3: http://ksesocss.blogspot.com/2012/03...el-modelo.html

[GAST0N]

agrega el doctype

[atiti]

Muchas gracias a todos!

Ahora mismo me pongo a hacer cambios a ver si lo consigo!! :)

[atiti]

Muchísimas gracias Kseso!!!!!!! ya lo tengo! espero que ahora no se me vuelvan a quejar porque no sabría que más hacer jeje pero esa debe ser la solución, ya que haciendo scroll y en una web que encontré para probar visualizaciones se ve bien en todas :D

MIL GRACIAS y un saludo!