Thomas Luethi: border-width: 0px und trotzdem Abstand zwischen den Zellen

Beitrag lesen

Hallo,

ich habe eine Tabelle (1 Zeile, 2 Spalten)
und möchte das wischen den Zellen absolut garkein abstand ist.

table.a {
   border-width: 0px;
   border-style: hidden;
   border-color: none;
   border-collapse: collapse;
}

Hier gäbe es noch: border-spacing:0;
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_spacing
  "Beachten Sie: Diese Eigenschaft wird auch vom Internet Explorer 7 noch nicht interpretiert."

Ergänzend dazu kannst (und solltest Du) noch eingeben:
th, td { border: hidden; }

Mit diesem Code habe ich keinen Abstand zwischen den Zellen
in MS IE 6.0, Firefox 2 und Opera 9:

<table style="border-spacing:0; border-collapse:collapse; border:hidden;">
<tr>
 <td style="border:hidden; color:black; background-color:yellow;">Zelle 1 gelb</td>
 <td style="border:hidden; color:black; background-color:red;">Zelle 2 rot</td>
</tr>
<tr>
 <td style="border:hidden; color:white; background-color:blue;">Zelle 3 blau</td>
 <td style="border:hidden; color:white; background-color:green;">Zelle 4 grün</td>
</tr>
</table>

Es würde mich erstaunen, wenn der MS IE 7.0 hier einen Abstand macht.
Aber man weiss ja nie...

Falls es um Bilder-Teile geht, die Du nahtlos aneinander
fügen willst, hilft Dir vielleicht das hier weiter:
http://www.tiptom.ch/homepage/faq.html?q=tdimg

HTH, mfg
Thomas