2011-01-06 7 views
6

estoy trabajando con IE8 en modo peculiaridades ...¿Cómo centro automáticamente un div en IE8 en el modo peculiar?

He estilos en cascada de mi hoja de estilo Firefox que incluyen:

#container {position:relative; width:1007px; margin-right:auto; margin-left:auto;}  

#textbin {width:720px; position:relative; margin-right:auto; margin-left:auto;} 

Al parecer, no estoy haciendo algo bien, o de auto-ajuste de márgenes no lo hace trabajar en IE8. ¿Es este el caso? Si es así, ¿cómo puedo evitar esta limitación? Intenté sin posicionamiento, posicionamiento absoluto e incluso agregando posición relativa a mi hoja de estilos IE8. Además, cuando centro manualmente el div, IE8 agrega margen en la parte inferior de la página ...

Por cierto, soy un principiante aquí, así que si necesita más información, ¡hágamelo saber!

+0

'margen: auto' no funciona en el modo de peculiaridades. – BoltClock

+1

¿tienes que trabajar en modo peculiar? ¿Hay alguna razón por la que no puedas configurar el doctype para que no esté en modo peculiar? –

+0

Sí, tengo que trabajar en modo peculiar gracias a mi posición: cabecera fija. Tuve que usar varios hacks para mover el encabezado, y los hacks no funcionarían sin el modo peculiar. – SamStar

Respuesta

7

La forma truco-y de la vieja escuela de hacerlo era añadir text-align:center al padre de la div desea centrar. Por supuesto, usted tiene que declarar específicamente a continuación, una propiedad text-align de los elementos secundarios si no se quiere que sean alineada al centro, como text-align va a ser heredado por elementos secundarios.

+0

Gracias !! ¡Eso lo solucionó! – SamStar

0

Esto funcionará para IE5 peculiaridades y superior.

El css:

body, html { 
width:100%; 
} 

#yourdivname { 
margin:0px 50% 0px 50%; 
//this can be removed, but is just for test sake. 
background-color:#bbb; 
width:100px; 
height:100px; 
} 

espero que esto ayudará, que se refiere a la clase Bert enero

+0

esto no es una respuesta a la pregunta – MikroDel

+0

La pregunta fue sobre IE8 y no IE5 – MikroDel

+1

@MikroDel - La pregunta fue sobre el modo no estándar, que es un modo de IE5-compatibilidad. Por lo tanto, es una respuesta perfectamente buena a la pregunta. (La pregunta en sí es horrible, nadie debería estar usando el modo peculiar en estos días, pero la respuesta está bien para la pregunta) – Spudley

Cuestiones relacionadas