Tablas en IE no tienen frontera cuando border = 0 en un css reset?

Question

En mi archivo CSS, tengo un restablecimiento donde estoy fijando la frontera: 0. Esto hace que todas las tablas de IE, Firefox no tener ninguna frontera. Incluso si fijo la línea fronteriza en la mesa, todavía no aparece en el IE. ¿Alguien sabe la solución a esto?

Parte del resto:

table, img
{
   border:0;
}

<table border="1">
<tr>
<td></td>
</tr>
</table>

Border aparece en Firefox, pero no en IE. ¿Tengo que hacer style = "border: 1px negro sólido" en la tabla en lugar de border = "1"

Answer 1

Si desea que la tabla específica para tener una frontera, yo sólo le dan una clase:

table, img
{
   border:0;
}
table.something
{
    border: solid 1px #000000;
}

<table class="something">
  <tr>
    <td></td>
  </tr>
</table>

Eso debería funcionar en todos los navegadores.

Answer 2

Si desea dejar un borde no debe establecer la frontera a 0. Prueba este lugar:

table{
   border: 2px;
}

Esto debería funcionar mejor.

EDIT:

Si desea hacerlo en línea, usted debe hacer

<table border="2px">

Answer 3

Si se asume que no hay ningún error en su código (en la pregunta), ¿ha intentado añadir una unidad de medida de la configuración en línea?

<table border="1px">

Por ejemplo?

elsewise, pruebe a utilizar CSS para volver / activar las fronteras:

<table style="border: 1px solid #000;"> <!-- or use a stylesheet, or style block, obviously -->

¿Ha comprobado que está utilizando una compatible con los estándares tipo de documento de declaración , y no caer en caprichos modo?

Answer 4

Un par compatible con los estándares formas de especificar ninguna frontera en CSS son:

border-width: 0; Border-style: none;

elementos de la tabla, los elementos DT y elementos th todos aceptan las fronteras por lo que una forma segura de garantizar que no haya fronteras en todo sería mesa, TD, TH {border-style: none;}.

tabla {border-collapse: colapso;} es una manera puramente css de eliminar el espaciado entre las células

Salida w3schools.com o w3.org para las extremidades CSS compatibles con los estándares

Answer 5

Su tabla de ejemplo no tiene nada en ella. IE decide que no tiene contenido y por lo tanto no muestra la "frontera =" atributo 1" .

Restablecer con

table {
  border:none;
}

A continuación, utilice:

<table style="border:solid 1px #000;>
<tr><td>x</td></tr>
</table>

Answer 6

has

table {border-collapse: collapse;}

EDIT: espera, que está tratando de deshacerse de la frontera o añadirlo? Ahora estoy confundido ...