Foro de elhacker.net

hola

tengo un div contenedor con este css:


#container{
width:1000;
margin:0 auto;
}

el problema es que en google chrome y mozilla me alinea en el centro pero en IE8 me alinea a lla izquierda, no se que hacer...

si alguien me pudiese ayudar se lo agradecería

Utiliza medidas porcentuales, evita utilizar medidas absolutas (pixeles)

me refiero al atributo width, indica un porcentaje en lugar de un valor en pixeles (1000) de esa forma debera funcionar igual en todos los navegadores.

Hmmm... qué tal esto (debe indicar la medida despues del número 1000)?

#container{
    width:1000px;
    margin:0 auto;
}
 

En caso de elementos con posicion absoluta, puede hacer un pequeño truco para centrar (para eso usted está usando margin:auto).

#divCapa{
    position:absolute;
    width:600px;
    height:400px;
    left:50%;
    margin-left:-300px; 
    top:50%;
    margn-top:-200px;
}
 

Para centrar horizontalmente el margin-left es: la mitad del ancho de la capa, pero en negativo (siempre va a ser así). Lo mismo para centrar verticalmente: margin-top es igual que el alto de la capa dividido entre dos, pero en negativo. En ambos casos se debe colocar el left/top en 50%. Este centrado es perfecto..!

me suena que para alinear en el centro con ie basta con un text-align:center