Les tableaux dans IE n'ont pas la frontière lorsque border = 0 dans une remise à zéro css?

StackOverflow https://stackoverflow.com/questions/1111069

Question

Dans mon fichier css, j'ai une remise à zéro où je suis en train de la frontière: 0. Cela provoque toutes les tables dans IE, pas Firefox n'a pas de frontière. Même si je place la ligne frontière sur la table, il ne montre pas encore dans IE. Est-ce que quelqu'un sait la solution à cela?

Une partie du reste:

table, img
{
   border:0;
}

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

Border se présente dans Firefox, mais pas dans IE. Dois-je faire style = "border: 1px noir solide" dans la table au lieu de border = "1"

Était-ce utile?

La solution

Si vous voulez cette table spécifique à une bordure, je voudrais juste donner une classe:

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

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

Cela devrait fonctionner dans tous les navigateurs.

Autres conseils

Si vous voulez une frontière, vous ne devez pas définir la frontière à 0. Essayez ceci:

table{
   border: 2px;
}

Cela devrait mieux fonctionner.

EDIT:

Si vous voulez le faire en ligne, vous devez faire

<table border="2px">

En supposant qu'il n'y a pas faute de frappe dans votre code (dans la question), avez-vous essayé d'ajouter une unité de mesure à la mise en ligne?

<table border="1px">

Par exemple?

elsewise, essayez d'utiliser les CSS pour re / activer les frontières:

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

Avez-vous vérifié que vous utilisez conforme aux standarts déclaration dOCTYPE , et non en bizarreries-caducité en mode?

A conforme aux normes ou deux façons de spécifier aucune frontière CSS sont:

-largeur de la bordure: 0; Border-style: none;

éléments de table, éléments td et éléments th acceptent toutes les frontières donc un moyen sûr pour assurer sans frontières à tout serait table, td, e {border-style: none;}.

table {border-collapse: collapse;} est une manière purement css d'élimination de l'espacement entre les cellules

Consultez w3schools.com ou w3.org pour obtenir des conseils css conformes aux normes

Votre table par exemple n'a rien en elle. IE décide qu'il n'a pas de contenu et ainsi ne montre pas la « border = » 1" attribut.

Réinitialiser avec

table {
  border:none;
}

Ensuite, utilisez:

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

avez-vous essayé

table {border-collapse: collapse;}

EDIT: attendez, vous essayez de se débarrasser de la frontière ou l'ajouter? Maintenant, je suis confus ...

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top