Cellpadding, Cellspacing in Tabellen

[Gernot Back]

Hallo Otto,

Wie gibt man eigentlich im CSS das Cellpadding/Cellspacing bei Tabellen an? Heisst es "cellpadding:5;" oder einfach nur "padding:5" ?

Cellspacing entspricht in CSS der Eigenschaft http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_spacing@title=border-spacing, die auf TABLE-Elemente angewendet wird. Wenn du dabei zwei Werte angibst, steht der erste für den horizontalen, der zweite für den vertikalen Abstand zwischen den Zellen, Border-Spacing kann also mehr als das HTML-Attribut "Cellspacing".

Leider interpretiert der IE diese Eigenschaft noch nicht, weder mit einem, noch mit zwei Werten. Über CSS kannst du dort das CellSpacing nur über die Eigenschaft "border-collapse" mit dem Wert "collapse" auf Null stellen. Das hat dann natürlich auch zur Folge, dass aneinandergrenzende Rahmenlinien der Tabellenzellen und der Tabelle selbst zusammenfallen.

Das Padding der Tabellenzellen regelst du mit der Eigenschaft http://de.selfhtml.org/css/eigenschaften/innenabstand.htm#padding@title=padding, angewendet natürlich auf die Tabellenzellen (TH- bzw. TD- Elemente) oder ggf. auch auf COL-Elemente.

Vergiss bei allen Maßangaben außer "0" in CSS aber die Maßeinheit (px, %, em etc.) nicht!

Gruß Gernot