Tabellen in IE haben keine Grenze, wenn border = 0 in einem CSS zurücksetzen?

Question

In meiner CSS-Datei, ich habe einen Reset, wo ich die Grenze setze: 0 gewonnen. Dies bewirkt, dass alle Tabellen in IE, nicht firefox keine Grenze haben. Auch wenn ich die Grenze inline auf dem Tisch, es zeigt immer noch nicht im Internet Explorer. Hat jemand die Lösung dieses Problems wissen?

Ein Teil der Ruhe:

table, img
{
   border:0;
}

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

Border zeigt in Firefox, aber nicht im Internet Explorer. Muss ich Stil tun = "border: 1px solid black" in der Tabelle statt border = "1"

Answer 1

Wenn Sie, dass bestimmte Tabelle wollen eine Grenze haben, würde ich ihm nur eine Klasse geben:

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

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

Das sollte in allen Browsern funktioniert.

Answer 2

Wenn Sie eine Grenze Sie nicht diese Einstellung sollte die Grenze auf 0 Versuchen Sie stattdessen:

table{
   border: 2px;
}

Das sollte besser funktionieren.

EDIT:

Wenn Sie es inline tun wollen, sollten Sie tun,

<table border="2px">

Answer 3

Unter der Annahme, dass es in Ihrem Code keine Tippfehler (in der Frage), haben Sie versucht, eine Messeinheit zur Inline-Einstellung hinzuzufügen?

<table border="1px">

Zum Beispiel?

elsewise, versuchen mit Hilfe von CSS / re- aktivieren die Grenzen:

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

Haben Sie überprüft, dass Sie eine standardkonforme doctype Deklaration , und nicht in Macken-Modus zu verfallen?

Answer 4

Ein paar standardkonformer Weise keine Grenze in CSS angeben sind:

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

Tischelemente, td-Elemente und th-Elemente alle akzeptieren Grenzen so eine sichere Art und Weise keine Grenzen überhaupt Tisch wären, um sicherzustellen, td, th {border-style: none;}.

Tabelle {border-collapse: collapse;} ist ein rein CSS Weg Abstand zwischen den Zellen des Entfernens

Überprüfen Sie heraus w3schools.com oder w3.org für standardkonforme CSS-Tipps

Answer 5

Ihr Beispiel Tabelle hat nichts drin. IE entscheidet es keinen Inhalt hat und so nicht die „border =“ besagt 1" -Attribut.

Zurücksetzen mit

table {
  border:none;
}

Dann verwenden:

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

Answer 6

Sie haben versucht,

table {border-collapse: collapse;}

EDIT: warten, Sie versuchen, es loszuwerden der Grenze oder hinzufügen? Jetzt bin ich verwirrt ...