1px vs delgada, IE vs Excel emite

Question

tengo una tabla HTML que hayan sido transformados en IE, y Excel (para informes)

Si fijo la frontera de ancho a delgado, se muestra un borde 2px en IE, y un borde de 1px en Excel.

Sin embargo, si configuro en 1px, muestra un borde de 1px en IE, y un borde de 2px en Excel (???).

¿Cómo puedo obtener que ambos muestren un borde de 1px ya que se ve horrible con un borde de 2px.

Answer 1

Guardar un archivo de Excel a HTML CSS genrates así:

.xl32 
{mso-style-parent:style0; 
border-top:.5pt solid windowtext; 
border-right:1.0pt solid windowtext; 
border-bottom:1.0pt solid windowtext; 
border-left:.5pt solid windowtext;} 

.5 se muestra como una línea normal, 1.0 como una línea gruesa así que supongo que la configuración del te con a .5pt debería funcionar ...

Answer 2

A ver si esto funciona ... no probado:

Establecer la CSS principal para thin por lo que el informe de Excel tiene una 1px border y luego usar un comentario condicional para apuntar IE para el 1px border

<!--[if IE]> 
    //style rule for `border:1px` etc. 
<![endif]--> 

Answer 3

No sé nada sobre las tablas HTML procesadas en Excel. Tengo curiosidad si usa el motor de representación de IE o algún motor de renderizado personalizado. (Parece que podría usar uno personalizado, basado en las diferencias).

Una cosa que podría intentar es establecer el borde en 'delgado', y luego tener una regla CSS separada dentro de una declaración IE condicional. Consulte QuirksMode.org para obtener más información sobre IE Conditionals.

por lo que podría ser:

<style> 
    table { border: thin solid black; } 
</style> 

<!--[if lt IE 9]> 
<style> 
    table { border: 1px solid black; } 
</style> 
<![endif]--> 

Answer 4

Establecer la frontera para adelgazar. Y agregue

border-collapse: collapse; 

a su declaración. Debe solucionar el problema 2px en IE