CSS condicional para IE9 no funciona

En mi sitio web, tengo una tabla de resultados de búsqueda. Está alineado al centro en Firefox y Chrome, pero no en IE9. Estoy usando el siguiente CSS condicional pero aparentemente no funciona, todavía está alineado a la izquierda en IE9.

<!--[if IE 9]>
<style type="text/css">
.ie9fix {
    width: 75%;
    position: absolute;
    margin-left: auto;
    margin-right: auto; 
    float: center;
}
</style>
<![endif]-->

¿Qué necesito cambiar exactamente en mi código para alinear el centro de la mesa?

preguntado el 12 de junio de 12 a las 21:06

¿Y esto funciona cuando quitas los condicionales? -

Solo quita el position: absolute.. Y es realmente extraño que su código necesite correcciones de IE9; en realidad, ese navegador maneja CSS bastante bien.

float:center? ¿Estás seguro de que este es el CSS correcto? -

Mis disculpas, soy un novato en CSS. Fue un intento de prueba y error. -

1 Respuestas

Si realmente necesitas un posicionamiento absoluto:

<style>
.example {position: absolute; left: 0; top: 0; width: 100%; }
.example > DIV {margin: 0 auto; width: 75%; }
</style>

<div class="example"><div>
    ...
</div></div>

Esto debería funcionar de manera consistente en todos los navegadores sin necesidad de abordar IE9 específicamente.

Respondido el 12 de junio de 12 a las 21:06

Todavía le daría al div interno una clase o ID, pero de lo contrario, ese es el camino a seguir. - user1337

@ user1337 IE6 generalmente no importa actualmente, por lo que no se necesita una clase o identificación adicional para el elemento anidado. - marat tanalin

no es específicamente para la compatibilidad con IE6, sino para el rendimiento y las mejores prácticas. - user1337

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.