Tabelas no IE não tem fronteira, quando border = 0 em um reset css?

Question

No meu arquivo css, eu tenho uma redefinição de onde eu estou definindo a fronteira: 0. Isso faz com que todas as tabelas no IE, não firefox não ter nenhuma fronteira. Mesmo se eu definir a linha de fronteira sobre a mesa, ainda não mostra no IE. Alguém sabe a solução para isso?

Parte do resto:

table, img
{
   border:0;
}

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

mostras de Fronteira em firefox, mas não no IE. Eu tenho que fazer style = "border: 1px solid negro" na tabela em vez de border = "1"

Answer 1

Se você quiser que a tabela específica para ter uma borda, gostaria apenas dar-lhe uma classe:

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

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

Isso deve funcionar em todos os navegadores.

Answer 2

Se você quiser uma borda você não deve definir a fronteira para 0. tentar o seguinte:

table{
   border: 2px;
}

Isso deve funcionar melhor.

EDIT:

Se você quiser fazê-lo em linha, você deve fazer

<table border="2px">

Answer 3

Assumindo que não há nenhum erro de digitação no seu código (em questão), você já tentou adicionar uma unidade de medida para a configuração em linha?

<table border="1px">

Por exemplo?

Elsewise, tente usar CSS para re / ativar as fronteiras:

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

Você verificou que você está usando um compatível com os padrões doctype declaração , e não cair em peculiaridades do modo de?

Answer 4

casal compatível com os padrões formas de especificar nenhuma borda em css A são:

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

elementos tabela, elementos td e th elementos todos aceitam fronteiras assim uma forma segura de garantir que não haja fronteiras em tudo seria mesa, td, th {border-style: none;}.

tabela {fronteira-colapso: colapso;} é uma maneira puramente css de remoção de espaçamento entre as células

Confira w3schools.com ou w3.org para dicas de estilo CSS compatíveis com padrões

Answer 5

Seu exemplo tabela tem nada nele. IE decide que não tem conteúdo e por isso não mostra o "border =" 1" atributo.

Redefinir com

table {
  border:none;
}

Em seguida, use:

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

Answer 6

você já tentou

table {border-collapse: collapse;}

EDIT: espera, você está tentando se livrar da fronteira ou adicioná-la? Agora estou confuso ...