Tabellen Umrandung überschrieben durch Zellrahmen

[Schorsch]

Guten Tag

Per CSS gebe ich der Tabelle einen schwarzen Rahmen
und den Tabellenzellen einen roten Rahmen.

Leider wird nun der schwarze Rahmen der Tabelle vom
roten Rahmen der Zellen überschrieben, so dass man
ihn gar nicht sieht.

Wie kan ich nun um die Tabelle rundherum einen schwarzen Rahmen haben,
während die Zellen drin rot umrandet sind?
(nur in Firefox, IE6 liefert den schwarzen Rahmen)

Gruss
Schorsch

++++++++++++++++++++++++++++++++++++++++++
Hier noch das CSS:
table{
  border-spacing:0; /*brauche ich*/
  border-collapse:collapse; /*brauche ich*/
  border:1px solid black;
}
td{
    border:1px solid red;
}

[Kalle_B]

Guten Tag

Wie kan ich nun um die Tabelle rundherum einen schwarzen Rahmen haben,

table{
  border-spacing:0; /*brauche ich*/
  border-collapse:collapse; /*brauche ich*/
  border:1px solid black;

wie wäre es hier mit padding (Abstand bis zum Rand)?

}
td{
    border:1px solid red;
}

Oder einen div um die Tabelle legen.

Kalle

[Schorsch]

Salut

Wie kan ich nun um die Tabelle rundherum einen schwarzen Rahmen haben,
wie wäre es hier mit padding (Abstand bis zum Rand)?

Zeigt keine Wirkung.

Oder einen div um die Tabelle legen.

Find ich nicht so eine schöne Lösung. Resp. ich frage mich, ob es nicht noch etwas besseres gibt.

MfG
Schorsch

[Ole]

Hi

Zeigt keine Wirkung.

Sollte das padding bei der Tabelle keine Wirkung zeigen, wäre ein margin für die Zellen noch eine Idee.

so long
Ole
(8-)>

[Kalle_B]

Salut

du gibst bei _table_ an:
border-collapse:collapse; /*brauche ich*/

Das heißt, sämtliche border _der Tabelle_ (nicht nur der Zellen) sollen nur einmal gezeichnet werden.

Und dann möchtest du das bei den äußeren Zellen wieder doch nicht.

... ich frage mich, ob es nicht noch etwas besseres gibt.

Keine Ahnung, ob man
border-collapse:collapse; /*brauche ich*/

bei den _Zellen_ angeben kann?

Kalle

[Schorsch]

Salut

du gibst bei _table_ an:
border-collapse:collapse; /*brauche ich*/

Und dann möchtest du das bei den äußeren Zellen wieder doch nicht.

Doch, aber der Rahmen um die Tabelle herum soll collapsen, aber so, dass er nicht vom Rahmen der Zellen überdeckt wird.

Das heisst, ich will aussen herum den schwarzen Rahmen und nicht den roten. Und nur den schwarzen. D.h. brauche ich das collapse.

Gruss
Schorsch

[wahsaga]

hi,

Das heisst, ich will aussen herum den schwarzen Rahmen und nicht den roten. Und nur den schwarzen.

Border conflict resolution, Punkt 4.

gruß,
wahsaga

[Schorsch]

Salut

Border conflict resolution, Punkt 4.

Aha. Danke.
Da die Rahmenpriorität von rechts-innen gegen links-aussen abnehmend ist,
überschreibt der Zellrahmen den Tabellenrahmen.
Demnach ist es nicht möglich zu sagen, dass der
Tabellenrahmen den Zellenrahmen überlagern soll.

Gruss
Schorsch

[MudGuard]

Hi,

Border conflict resolution, Punkt 4.

Für die meisten Browser kann man zumindest links und oben was machen mit :first-child (IE erst ab 7.0, Firefox seit 1.0.x, Opera mind. seit 7.5x, Konqueror mind. seit 3.1.4).

tr:first-child td { border-top: ... }
td:first-child { border-left: ... }

Für gute Browser (m.W. Firefox ab 1.5, Konqueror ab 3.40) könnte man mit :last-child auch für rechts und unten was machen:

tr:last-child td { border-bottom: ... }
td:last-child { border-right: ... }

cu,
Andreas

[wahsaga]

hi,

Da die Rahmenpriorität von rechts-innen gegen links-aussen abnehmend ist,
überschreibt der Zellrahmen den Tabellenrahmen.

Das betrifft die Fälle, in denen sich die Rahmen nur bzgl. der border-color unterscheiden.

Demnach ist es nicht möglich zu sagen, dass der
Tabellenrahmen den Zellenrahmen überlagern soll.

Siehe vorhergehenden Punkt 3) - wenn du nur solid borders von 1px Stärke haben willst, könntest du für "aussen" ja double verwenden: Bei 1px Stärke sollte double wie solid aussehen - hat aber die höhere Priorität vor solid.

Ob das die Browser allerdings auch korrekt umsetzen, wäre auszuprobieren :-)

gruß,
wahsaga

[Schorsch]

Salut

wenn du nur solid borders von 1px Stärke haben willst, könntest du für "aussen" ja double verwenden: Bei 1px Stärke sollte double wie solid aussehen - hat aber die höhere Priorität vor solid.

Ob das die Browser allerdings auch korrekt umsetzen, wäre auszuprobieren :-)

Coole Idee, aber leider Nein.

Gruss
Schorsch