Tabellen in IE haben keine Grenze, wenn Rand = 0 in einem CSS-Reset?

Question

In meiner CSS-Datei habe ich einen Reset, wo ich den Rand festlegen: 0. Dies führt dazu, dass alle Tabellen in IE, nicht Firefox, keinen Rahmen haben. Auch wenn ich den Rahmen inline auf den Tisch setze, wird er im IE immer noch nicht angezeigt. Kennt jemand die Lösung dafür?

Teil des Rests:

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 möchten, dass bestimmte Tabelle eine Grenze haben, würde ich es nur eine Klasse geben:

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

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

That sollte in allen Browsern funktionieren.

Answer 2

haben Sie

versucht

table {border-collapse: collapse;} 

EDIT: warten, Sie versuchen, sie wieder loszuwerden die Grenze oder fügen Sie es hinzu? Jetzt bin ich verwirrt ...

Answer 3

Wenn Sie eine Grenze Sie nicht die Grenze auf 0 Versuchen Sie stattdessen setzen soll

table{ 
    border: 2px; 
} 

, die besser funktionieren sollte.

EDIT:

Wenn Sie es inline tun wollen, sollten Sie tun

<table border="2px"> 

Answer 4

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

<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 declaration, verwenden und nicht in Macken-Modus zu verfallen?

Answer 5

ein paar Möglichkeiten, standardkonforme keine Grenze in CSS angeben sind:

border-width: 0; border-style: keine;

Tabellenelemente, td-Elemente und th-Elemente akzeptieren alle Rahmen, so dass ein sicherer Weg, um überhaupt keine Grenzen zu schaffen, Tabelle, td, th {border-style: none;} wäre.

table {border-collapse: collapse;} ist ein rein CSS Weise Abstand zwischen Zellen

Prüfung der Entfernung aus w3schools.com oder w3.org für standardkonforme CSS-Tipps

Answer 6

Ihre Beispieltabelle hat nichts drin. IE entscheidet, dass es keinen Inhalt hat und zeigt daher nicht das Attribut "border =" 1 "an.

Zurücksetzen mit

table { 
    border:none; 
} 

Dann nutzen:

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