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

[Eisbär]

Hi,

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

Habs wie folgt definiert:

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

Leider ist da trotzdem noch ein minimaler (schätze mal 1px) abstand zwischen den zwei zellen
..und den hätte ich gerne weg ;-)

Geht das???

Viele Grüße..

P.S.: Sollte übrigens für Firefox, IE 7 und Opera funtionieren.

[Steel]

Hi!

Habs wie folgt definiert:

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

margin?

[Thomas Luethi]

margin?

Bringt IMHO nichts.
margin ist nur auf TABLE anwendbar und ist der Aussenabstand.
Auf TD/TH sind nur border und padding anwendbar.
http://www.w3.org/TR/CSS21/tables.html#table-layout
"Internal table elements generate rectangular boxes with content and borders.
Cells have padding as well. Internal table elements do not have margins."

mfg Thomas

[Eisbär]

Hallo zusammen,

erstmal danke für Eure schnelle Hilfe!!!

Hab das Problem mittlerweile gelöst!! Es lag dummerweise garnicht an den Borders...sondern am padding einer Zelle :-/

Tabelle sah wie folgt aus:

<table><tr>
<td><img src"..."></td>
<td>texttexttext</td>
</tr></table>

der style der elemente ist wie gesagt immer mit CSS-Klassen definiert. Dummerweise ist immer 1px Padding voreingestellt, wenn man dieses attribut nicht mitdefiniert...und dieses war mein überschüssiger Rand :-/

Trotzdem nochmal danke...

[Thomas Luethi]

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