Was soll man bei einer Tabelle durch CSS bestimmen?

[r-ene]

Hi,
ich frag mich immer, wie viel CSS ich bei einer Tabelle benutzen kann und sollte.
Nehmen wir mal folgende Tabelle an:

<table width="100%" cellspacing="0" cellpadding="0" border="1">
		<thead>
			<tr>
			  <th width="33%">Spielchen</th>
			  <th width="33%">Gedankenlesen</th>
			  <th width="33%">Interessantes</th>
			</tr>
		</thead>
...

Was sollte da am besten per CSS bestimmt werden?
Allgemein, was sollte man bei einer Tabelle nicht durch CSS bestimmen und was schon?

 

[prm]

Border klappt nicht so ganz, aber generell kannst du alles per CSS definieren.
Wenn das die einzige Tabelle auf der Seite ist so:

table {width: 100%;}
th {width: 33%; border: 1px solid silver;}

<table>
  <thead>
   <tr>
     <th>Spielchen</th>
     <th>Gedankenlesen</th>
     <th>Interessantes</th>
   </tr>
  </thead>

Kommen mehrere Tabellen auf einer Seite vor, dann arbeite mit ID's oder Klassen und stelle damit den Bezug zur jeweiligen Tabelle her.

 

[_Thor_]

Was sollte da am besten per CSS bestimmt werden?

Alles, was sich mit CSS definieren lässt.

 

[r-ene]

Okay also soll ich auch cellspacing durch margin und cellpadding durch padding ersetzen?
Stellt das auch jeder Browser korrekt dar?

 

[_Thor_]

Finde es heraus ;)

Aber aus meinen Erfahrungen mit Tabellen gibt es da keine Probleme.

 

[r-ene]

Jo habe gesehen, dass bei cellspacing 0 das hier hilft:

table
  {
    border-collapse: collapse;
  }

 

[koslowski]

Mahlzeit,

margin funktioniert bei Tabellen nur auf table und inline-table.
padding nur auf table, inline-table, th und td.

Aber was red ich, lies einfach selber.

koslowski