Entsprechung in CSS für "cellspacing"

[Constantin Kiesling]

Hallo liebe Leute,

Sagt mal, wisst ihr, ob es mittlerweile schon eine entsprechendes stylesheet für das HTML Attribut "cellspacing" gibt?

Weil meine Tabellen sehen immer so aus:

<table cellspacing="0" class="xy">

Und da wollte ich wissen, ob man das nicht irgendwie einheitlicher machen könnte.

MfG,
Consti

[Thomas J.S.]

Hallo,

Sagt mal, wisst ihr, ob es mittlerweile schon eine entsprechendes stylesheet für das HTML Attribut "cellspacing" gibt?

*grrrrr*
das ist sogar noch im Forum!
[pref:t=65834&m=375014]

Grüße
Thomas

[Constantin Kiesling]

Hallo,

Es tut mir Leid, aber das Posting von dir, auf das du verwiesen hast gibt mir auch keine Antwort darauf, ob es eine CSS-Entsprechung für cellspacing="" gibt. border-collapse:...; ist auch keine Lösung für mein Problem, ausserdem funktioniert es nur im IE (laut Selfhtml).

border-spacing:...; kommt meiner Sache schon näher, funktioniert aber leider nur im Netscape Navigator...

MfG,
Consti

[Axel Richter]

Hallo,

Es tut mir Leid, aber das Posting von dir, auf das du verwiesen hast gibt mir auch keine Antwort darauf, ob es eine CSS-Entsprechung für cellspacing="" gibt.

Nein, gibt es nicht. Jedenfalls nicht für alle Browser. Es gibt aber eine für cellspacing="0"

border-collapse:...; ist auch keine Lösung für mein Problem, ausserdem funktioniert es nur im IE (laut Selfhtml).

border-spacing:...; kommt meiner Sache schon näher, funktioniert aber leider nur im Netscape Navigator...

Die Kombination ist die Lösung:

table {
  border-collapse:collapse;
  border-spacing:0;
}

entspricht:
<table cellspacing="0">

viele Grüße

Axel

[Thomas J.S.]

Hallo,

table {
  border-collapse:collapse;
  border-spacing:0;
}

border-spacing:0; ist bei border-collapse:collapse; nicht nötig, denn border-collapse:collapse;  beduetet eben  border-spacing:0;.

Grüße
Thomas

[Axel Richter]

Hallo,

border-spacing:0; ist bei border-collapse:collapse; nicht nötig, denn border-collapse:collapse;  beduetet eben  border-spacing:0;.

Auch für Netscape Navigator6.x und Opera6.x?

viele Grüße

Axel

[Thomas J.S.]

Hallo,

border-spacing:0; ist bei border-collapse:collapse; nicht nötig, denn border-collapse:collapse;  beduetet eben  border-spacing:0;.
Auch für Netscape Navigator6.x und Opera6.x?

Was soll diese Frage?

border-spacing _ist_ nur im separaten Modell existent. Das gilt für _jede_ Browser der CSS versteht.

http://www.w3.org/TR/CSS2/tables.html#separated-borders

Grüße
Thomas

[Axel Richter]

Hallo,

Was soll diese Frage?

border-spacing _ist_ nur im separaten Modell existent. Das gilt für _jede_ Browser der CSS versteht.

Ja, richtig. Die Frage ist, ob er (der Browser) das dann auch richtig interpretiert. Ich hatte mich übrigens vertan, NN6.x und Opera6.x können es, bei NN4.x und unter MAC-OS gibt es Probleme. Es ist auf jeden Fall nicht _falsch_ beides anzugeben, maximal ist es redundant.

viele Grüße

Axel

[Thomas J.S.]

Hallo,

bei NN4.x und unter MAC-OS gibt es Probleme.

NS 4.x versteht weder das eine noch das andere, also gibt es damit keine Probleme ;-)

Grüße
Thomas

[Thomas Luethi]

Hallo,

border-spacing:...; kommt meiner Sache schon näher, funktioniert aber leider nur im Netscape Navigator...

Nein. Ganz bestimmt nicht.
Auch Mozilla, Opera 5.12 und MS IE 5.0 (Win) koennen es.
Und noch viele weitere Browser.
Testseite (Beispiel 2):
http://www.tiptom.ch/homepage/bsp/tableborder.html

Du musst border-collapse:separate; mit einer Angabe zu
border-spacing kombinieren.

Mach mal die _Zellen_Rahmen sichtbar.
td { border:1px solid red; }

Dann probier z.B. folgendes aus:

table { border-collapse: separate; border-spacing: 3px;  }

Gruesse,

Thomas

http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm
http://www.w3.org/TR/REC-CSS2/tables.html
http://www.tiptom.ch/homepage/faq.html?q=tableborder

[Axel Richter]

Hallo,

border-spacing:...; kommt meiner Sache schon näher, funktioniert aber leider nur im Netscape Navigator...

Nein. Ganz bestimmt nicht.
Auch ... MS IE 5.0 (Win) koennen es.

Nein. Ganz bestimmt nicht. ;-))

Dann probier z.B. folgendes aus:

table { border-collapse: separate; border-spacing: 3px;  }

*g* Die 3px sind zufällig das Standard-Borderspacing vom IE. Er kann _definitiv_ _kein_ border-spacing im CSS:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tabellen</title>
<style type="text/css">
<!--
table.mitcss {border:1px outset black; border-collapse:separate; border-spacing:20px;}
table.mitcss td {border:1px inset black; padding:50px;}
-->
</style>
</head>
<body>
<table border="1" cellpadding="50" cellspacing="20">
<tr>
 <td>Zelle</td>
 <td>Zelle</td>
</tr>
<tr>
 <td>Zelle</td>
 <td>Zelle</td>
</tr>
</table>
<hr>
<table class="mitcss">
<tr>
 <td>Zelle</td>
 <td>Zelle</td>
</tr>
<tr>
 <td>Zelle</td>
 <td>Zelle</td>
</tr>
</table>
</body>
</html>

viele Grüße

Axel

[Constantin Kiesling]

Hi,

border-spacing:...; kommt meiner Sache schon näher, funktioniert aber leider nur im Netscape Navigator...

Nein. Ganz bestimmt nicht.
Auch ... MS IE 5.0 (Win) koennen es.
Nein. Ganz bestimmt nicht. ;-))

Ich schließe mich Axels Meinung an!

Bei der oberen Tabelle auf deiner Page mit dem dünnen Blauen Rand ist der Zellenabstand nur null, weil du border-collapse gewählt hast!

Bei der unteren Tabelle ist der Zellenabschnitt ausserdem nicht drei, sondern zwei -> Voreinstellung.

In Netscape 6 wird bei der oberen Tabelle zwar der Zellenabstand auf null gesetzt, aber der Rand ist trotzdem 2px breit, weil border-collapse nicht funktioniert.

Die untere Tabelle hat dafür den richtigen Zellenabstand: 3px

MfG,
Consti

[Thomas Luethi]

Hallo,

Bei der oberen Tabelle auf deiner Page mit dem dünnen Blauen Rand ist der Zellenabstand nur null, weil du border-collapse gewählt hast!

Da offenbar (siehe molilys Links) gewisse veraltete Browser
nur border-spacing, andere dagegen nur border-collapse verstehen,
kann etwas Redundanz nichts schaden.

Also:
Entweder will man keinen Abstand - das "collapsing border model":
border-collapse:collapse;
border-spacing:0;

Oder man will Abstand - das "separated borders model":
border-collapse:separate;
border-spacing:20px; /* oder so... ;-) */

Gemaess der Spec. waere uebrigens "collapse" der Initial-Zustand;
die meisten Browser tun aber das Gegenteil nehmen "separate"
als Ausgangswert, solange der Autor nichts explizit vorschreibt.
Siehe die Diskussion ab:
http://forum.de.selfhtml.org/archiv/2003/11/62479/#m354175

In Netscape 6 wird bei der oberen Tabelle zwar der Zellenabstand auf null gesetzt, aber der Rand ist trotzdem 2px breit, weil border-collapse nicht funktioniert.

Stimmt. Gerade mit Netscape 6.1 (Win) bestaetigt.
Netscape 6 war so schlecht (instabil, voller Bugs), dass es
mich erstaunt, wenn heute noch Masochisten damit surfen.
Ein paar Pixelchen spielen dann auch keine Rolle mehr...

Mozilla 1.2.1 kann border-collapse _und_ border-spacing.
Und Netscape 7 kann es gemaess folgender Tabelle auch:
http://forum.de.selfhtml.org/archiv/2003/11/62479/#m354175

@molily: Herzlichen Dank fuer die Links + Infos.

Gruesse,

Thomas

[Thomas Luethi]

Hallo,

Sorry fuer den Copy-Paste-Fehler:

Mozilla 1.2.1 kann border-collapse _und_ border-spacing.
Und Netscape 7 kann es gemaess folgender Tabelle auch:

Gemeint war:
http://www.westciv.com/style_master/academy/browser_support/element_type.html

Gruesse,

Thomas

[erika]

Hallo,

Gemaess der Spec. waere uebrigens "collapse" der Initial-Zustand;
die meisten Browser tun aber das Gegenteil nehmen "separate"
als Ausgangswert, solange der Autor nichts explizit vorschreibt.

Initial-Zustand
CSS 2.0 : collapse
CSS 2.1 (noch nicht 100%ig offiziell): separate
http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

Grüsse aus Neubrandenburg
erika

»

[Thomas J.S.]

Hallo,

CSS 2.1 (noch nicht 100%ig offiziell): separate
http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

Ja in CSS 2.1 werden erstens die Erata aus CSS 2 und zweitens allgemeine Sachen aus der Praxis eingearbeitet bzw. es fallen praxisfremde Angaben weg.

Grüße
Thomas

[Thomas Luethi]

Hallo,

CSS 2.1 (noch nicht 100%ig offiziell): separate
http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

Danke fuer die Ergaenzung.

Ich hab daraufhin auch noch kurz nachgeguckt:
Bereits in den Errata zu CSS 2.0 steht (zuunterst):
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html#s-17-6
"[2001-10-03] Several popular browsers assume an initial value
for 'border-collapse' of 'separate' rather than 'collapse'
or exhibit behavior that is close to that value, even
if they do not actually implement the CSS table model.
Therefore the CSS WG proposes to change the initial value
to 'separate', in the expectation that it better matches
what users expect it to be."

Es war also schon dort als "Vorschlag", aber IMHO noch nicht
"verbindlich" (weder MUST noch SHOULD oder so...)

Die von Dir genannte Version 2.1 ist ja noch im Stadium
"Working Draft" (Version vom 15. September 2003).

Die Moral (*) von der Geschicht:
1. Auch das W3C beugt sich zuweilen vor der Realitaet
   der Browser-Implementationen.
   Auch ein Weg, Theorie und Praxis einander naeher zu bringen...
2. Wenn man ein bestimmtes Tabellen-Layout unbedingt will,
   muss man es explizit schreiben.

Gruesse,

Thomas

(*) Hat das Wort "Moral" auf Deutsch einen Plural?

[at]

Hallo.

(*) Hat das Wort "Moral" auf Deutsch einen Plural?

Ja: "Erkenntnisse" ;-)
MfG, at

[Thomas J.S.]

Hallo,

(*) Hat das Wort "Moral" auf Deutsch einen Plural?

Mal von at's Vorschalg abgesehen, nein, das wort Moral selbst ist unzählig.

Grüße
Thomas

[Thomas Luethi]

Hallo,

(*) Hat das Wort "Moral" auf Deutsch einen Plural?
Mal von at's Vorschalg abgesehen, nein, das wort Moral selbst ist unzählig.

Jetzt hab ich - im Gegensatz zu gestern - zwei Duden-Baende zur Hand:

Duden Band 5 - Fremdwoerterbuch, 4. Auflage, 1982
"Moral [lat.-fr.] die; -, -en (Plural selten)"

Duden Band 1 - Die deutsche Rechtschreibung, 20. Auflage, 1991
"Moral, die; -, -en Plur. selten"

Entgegen unseren Erwartungen und unserem Sprachgefuehl
gibt es also "die Moralen".

Gruesse,

Thomas

[Thomas Luethi]

Hallo,

table { border-collapse: separate; border-spacing: 3px;  }
*g* Die 3px sind zufällig das Standard-Borderspacing vom IE.

Ooops - Pech gehabt.
Danke fuer die Aufklaerung und den Test-Quellcode.
Ich werde meine Testseite entsprechend aendern.

Er kann _definitiv_ _kein_ border-spacing im CSS:

Hier habe ich MS IE 5.0 (Win), und der kann es wirklich nicht.
Aber:
Wie sieht es bei MS IE 5.5 und 6.0 (Win) aus?
Und bei MS IE 5.0/5.1 (bzw. der aktuellsten Mac-MS IE Version)?

Gruesse,

Thomas

[molily]

Hallo,

Er kann _definitiv_ _kein_ border-spacing im CSS:

Hier habe ich MS IE 5.0 (Win), und der kann es wirklich nicht.
Aber:
Wie sieht es bei MS IE 5.5 und 6.0 (Win) aus?

Die können es auch nicht.

Und bei MS IE 5.0/5.1 (bzw. der aktuellsten Mac-MS IE Version)?

Negativ.
http://www.macedition.com/cb/resources/tableCSStest.html#iemac
http://www.westciv.com/style_master/academy/browser_support/element_type.html

Die aktuellste Mac-IE Version ist strenggenommen MSN für MacOS X, der kann es anscheinend http://www.macedition.com/cb/resources/abridgedcsssupport.html.

Mathias

[Thomas J.S.]

Hallo,

Es tut mir Leid, aber das Posting von dir, auf das du verwiesen hast gibt mir auch keine Antwort darauf, ob es eine CSS-Entsprechung für cellspacing="" gibt. border-collapse:...; ist auch keine Lösung für mein Problem, ausserdem funktioniert es nur im IE (laut Selfhtml).

Es tut mir leid, ich hätte nicht gedacht, dass es dich überfordert.
Das meine ich jetzt nicht ironisch, sondern schlichtweg bedauernd.

Du hättest dazu wirklich nur die entsprechenden Teile im Selfhtml nachlesen soll:
http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm#border_collapse

Siehe dabei die Erklärung und die Grafiken.
Dann _hättest_ du daraufkommen müssen, dass cellspacing="0" border-collapse:collapse; bedeutet.
Es sei denn dir war noch nicht ganz klar, was cellspacing überhapt ist.

border-spacing:...; kommt meiner Sache schon näher, funktioniert aber leider nur im Netscape Navigator...

border-spacing: gibt es nur dann wenn du cellspacing > 0 haben möchtest.
Dann muss du
  border-collapse:separate;
  border-spacing:NNpx;
nehmen.

Grüße
Thomas

PS: wenn du sagst "funktioniert es nur im IE (laut Selfhtml)" darfst du auch nicht vergessen, dass seit dem Erschienen vom Selfhtml 8. mehere neue Browsergenerationen erschienen sind.

[Constantin Kiesling]

Hallo,

Okay.. sag mir nur eins: Funktioniert in iregendeinem Netscape Browser border-collapse:collapse ?

MfG,
Consti

[Thomas J.S.]

Hallo,

Okay.. sag mir nur eins: Funktioniert in iregendeinem Netscape Browser border-collapse:collapse ?

Natürlich.
Aber warum probierst du nicht das unter [pref:t=65834&m=375014] gegebenes Beispiel aus? ;-)

Grüße
Thomas

[Constantin Kiesling]

Hallo,

Aber warum probierst du nicht das unter [pref:t=65834&m=375014] gegebenes Beispiel aus? ;-)

Der einzige Netscape Browser, der border-collapse drauf hat, ist NS7. (laut http://www.westciv.com/style_master/academy/browser_support/element_type.html) Wie soll ich es also ausprobieren, wenn ich nur NS6 habe... mir ist schon klar, dass du das nicht wissen konntest, aber ich hab eben deswegen gefragt, weil ich icht am neuesten Stand bin.

MfG,
Consti

[Thomas J.S.]

Hallo,

Der einzige Netscape Browser, der border-collapse drauf hat, ist NS7.

Basiert auf?
Also du kannst dir z.B. Mozilla 1.5 installieren, dann hast du noch ein "Netscape" Borwser ;-) Und dazu einen mit dem du vieles ausprobieren kannst.

Grüße
Thomas