Les tableaux dans IE n'ont pas la frontière lorsque border = 0 dans une remise à zéro css?
-
12-09-2019 - |
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"
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 ...