2009-11-03 10 views
12

Usando las herramientas de desarrollo propias de ie8, muestra los elementos text-align value como left, pero se representa centrado en ie8 standards mode. En peculiaridades o estándares ie7, todo está alineado correctamente a la izquierda.¿Por qué ie8 centrar el texto cuando el texto-alinear se establece a la izquierda?

Screenshot of IE Developer tools illustrating the issue

+0

¿Cómo se ve en otros navegadores? – AnonJr

+0

En lugar de una imagen, su mejor opción sería publicar un SSCCE como ejemplo. La cantidad mínima de código que usted (y nosotros) necesitamos para reproducir el mismo problema. El código puede publicarse al copiar, seleccionar y presionar el botón "codificar" (esa imagen binaria). – BalusC

+0

En todos los demás navegadores que he probado (opera, fx 2-3.5, chrome, safari) hereda correctamente text-align: a la izquierda de la clase aplicada a la tabla. La imagen fue simplemente para mostrar que las herramientas de desarrollo de ie8 indican que debe alinearse a la izquierda pero no lo hace. En cuanto a código suficiente para ilustrarlo, consulte: http://pastie.org/685460 – Gidgidonihah

Respuesta

23

Una solución muy elegante de haslayout.net:

th { 
    text-align: inherit; 
} 
0

text-align es hereditaria. ¿La etiqueta principal (TABLE, creo) centra el texto?

+1

La tabla tiene una configuración de clase text-align a la izquierda. El no hereda esto. – Gidgidonihah

0

IIRC, <th> elemento se centrará y audaz el texto debido al estilo interno del navegador. Esta es una gran razón por la que recientemente comencé a usar hojas CSS Reset en todos mis proyectos.

+0

Este podría ser el problema. ie8 no hereda de la etiqueta de la tabla. Necesito establecer específicamente la regla para que funcione en ie8. – Gidgidonihah

1

Trate de añadir esto a su etiqueta de la cabeza

<style>th{text-align: left; font-weight:normal;}</style> 

Si usted tiene otras tablas de la página, que no desea ser afectados por este cambio, entonces se puede aplicar una clase a su mesa y estilo de los elementos de esa mesa.

... <table class='work_in_IE'> ... 


<style type="text/css">.work_in_IE th{ text-align: left; font-weight:normal;}</style> 
0

si no se puede obtener la respuesta que podría intentar º {float: left; } funciona bien para mí.

Cuestiones relacionadas