Abstand in Tabelle

[Tobias]

Hallo!

Ich habe folgendes vor:

In einer Tabelle sind 2 spalten.
In der ersten Spalte haben die Zellen eine Hintergundfarbe
Zwischen jeder Zelle soll ein Abstand sein.
Zwichschen diesem Abstand soll alles weiß sein.
Letzteres bekomme ich nicht hin:

table.skills{
    width: 100%;
    border-collapse:collapse;
    page-break-before: always;
    border-top:thin solid black;
}
td.skills{
    border-spacing: 10px;
    background-color: #ded5d5;
    vertical-align: top;
    width: 20%;
    height: 150px;
    padding: 50px;
    border-top-width: 5pt;
}

Was mache ich denn Falsch??? Das Problem sit, daß die Angaben für den Abstand komplett ignoriert werden!

Danke schon Mal!

Gruß

Tobias

[Anonym]

wie wärs mit dem guten alle cellspacing und cellpadding... bzw. welchen browser hast du. denn CSS ist auf alle fälle sehr browserabhängig! vermeide es so gut es geht!!

cu

[René]

wie wärs mit dem guten alle cellspacing und cellpadding... bzw. welchen browser hast du. denn CSS ist auf alle fälle sehr browserabhängig! vermeide es so gut es geht!!

Hallo Anonym,

die Aussage vermeide es so gut es geht, kann ich so nicht ganz stehen lassen. In diesem Fall ist die Aussage angebracht, da diese speziellen Formatierungen wohl nicht verstanden werden. Ein einfacheres CSS aber sollte man auf alle Fälle verwenden, da es die Arbeit enorm erleichtert (Designänderungen in einer zentralen Datei für das ganze Projekt) und auch zu kürzeren Ladezeiten führt. Wie extensiv man CSS nutzt mag jeden selbst überlassen bleiben, aber vollständig davon abraten würde ich nicht.

schönen Gruß
René

[MudGuard]

Hi,

table.skills{
    width: 100%;
    border-collapse:collapse;
    page-break-before: always;
    border-top:thin solid black;
}
td.skills{
    border-spacing: 10px;
    background-color: #ded5d5;
    vertical-align: top;
    width: 20%;
    height: 150px;
    padding: 50px;
    border-top-width: 5pt;
}

border-spacing ist für Tabellenzellen nicht definiert, sondern nur für Tabellen.

Außerdem widerspricht sich in meinen Augen die Angabe von border-collapse:collapse mit border-spacing größer 0.
Denn wenn die borders der verschiedenen Zellen zusammenfallen, kann es keinen Abstand dazwischen geben.
Im CSS-Standard ist border-spacing auch im Kapitel "17.6.1 The separated borders model" beschrieben, im folgenden "17.6.2 The collapsing border model" wird es nicht erwähnt (siehe auch http://www.w3.org/TR/REC-CSS2/tables.html#propdef-border-spacing

Das Problem sit, daß die Angaben für den Abstand komplett ignoriert werden!

Klar, da border-spacing für td nicht definiert ist, MUSS es ignoriert werden.

cu,
Andreas

[Sven Rautenberg]

Moin!

In einer Tabelle sind 2 spalten.

Und wie lautet die Tabelle in HTML? CSS steht schließlich nicht allein im Raum, sondern wirkt auf HTML. Wenn das falsch ist, gehts natürlich nicht.

table.skills{
}
td.skills{
}

Klingt überaufwendig. Da mußt du für Tabelle _und_ jede einzelne Zelle die Klasse angeben. Warum nicht so:

table.skills td {...}

Dann kannst du die Klassenangaben in den Zellen weglassen.

- Sven Rautenberg