problema alineacion del contenido al centro en IE

rube · #1 (**permalink**) 31/10/2008, 10:06

Hola A todos,
les comento mi problema, hice un diseño web que al parecer funcionaba perfectamente (en FIREFOX), hasta q probe en Internet explorer..

en mi contenido principal en firefox esta centrado perfectamente, pero IE se va al lado Izquierdo

aqui vael link:

http://pmlibrary.opensource.colosa.n...blic/frontpage

y este es mi codigo css

Código HTML:

#content-wrap{
    width:890px;
     background: #A9B3BB url(/skins/pmLibrary/images/fondo.jpg) repeat-x;
}

/* Two Columns */

.two-columns {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 20px 0;
	
}

.two-columns .column-one {
	float: left;
	width: 550px;
	
	}

.two-columns .column-two {
	float: right;
	width: 200px;
	top: 0px;
}

porfavor una ayuda para resolver el problema con IE

de antemano mil gracias

Mikmoro · #2 (**permalink**) 31/10/2008, 11:29

Si usaras un doctype adecuado en la cabecera se centraría en IE:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Esto te podría detectar otros errores en IE.

Si no lo piensas usar, creo que te bastaría con poner justo detrás de body <center> y cerrarlo </center> al final justo antes de </body>.

Null_ · #3 (**permalink**) 31/10/2008, 13:14

te falta especificar text-align:center; en body y listo
yo hise un articulo sobre el centrado en distintos navegadores

http://codigodemaquina.110mb.com/CSS...tenido_web.php

Suerte

rube · #4 (**permalink**) 31/10/2008, 13:26

excelente Mikmoro

gracias por la ayuda, una consulta por que el doctype soluciono el problema?

Bueno de todas formas mil gracias, ya lo tengo excelente en IE

rube

webosiris · #5 (**permalink**) 31/10/2008, 14:13

Cita:

Iniciado por rube

gracias por la ayuda, una consulta por que el doctype soluciono el problema?

porque margin:auto no funciona cuando ie entra en modo quirks, que es lo que pasa si no usas doctype o usas un doctype mal formado, pero si funciona cuando Ie está en modo estandar.

Cita:

te falta especificar text-align:center; en body y listo

no, esa no es la solución. eso hace que se centre todo el texto, no el contenedor en si (en caso del ie quirks es posible que tambien se centre el contenedor, pero el texto se va a centrar si o si, y no es lo que se busca.).

Mikmoro · #6 (**permalink**) 31/10/2008, 16:21

De nada, es un placer.

Y para rematar supongo que ha quedado perfectamente aclarada tu duda con la explicación de webosiris, a lo que no hay más que añadir.

Saludos.