Border nur am Aussenrahmen

[Christoph]

Hi,

ich habe in CSS folgendes festgelegt:

table {
  background-color:#F0F0FA;
  max-weidth:670px;
  table-layout:fixed;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
.......

wenn ich allerdings Tabellen erstelle mit versch. Zellen und darin
versch. Hintergrundfarben ist immer ein rahmen (nicht schwarz) zw. den Zellen.

Wiso?

danke!

[Orlando]

Hi Christoph,

wenn ich allerdings Tabellen erstelle mit versch. Zellen und darin
versch. Hintergrundfarben ist immer ein rahmen (nicht schwarz) zw. den Zellen.

weil sich zwischen den Zellen noch ein Abstand befindet. Was du als Rahmen erkennst, ist eigentlich die Hintergrundfarbe der Tabelle. Mit

td { margin:0; }

bekommst du den Rahmen weg.

http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm

LG Roland

[Axel Richter]

Hallo Roland,

weil sich zwischen den Zellen noch ein Abstand befindet. Was du als Rahmen erkennst, ist eigentlich die Hintergrundfarbe der Tabelle. Mit
 td { margin:0; }
bekommst du den Rahmen weg.
 http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm

Das glaube ich nicht. Eher mit
table {border-collapse:collapse; border-spacing:0;}

http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm

viele Grüße ;-))

Axel

[Orlando]

Hi Axel,

Mit td { margin:0; } bekommst du den Rahmen weg.

Das glaube ich nicht.

Ups...

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

Auch falsch, da fehlt noch ein border:0; *g*

http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm

Eben, eben! ;-p

LG Roland

[Sebastian]

Oh!

Die Lösung von Roland klingt besser!

Gruß
ZAB

[Sebastian]

Hallo

Wiso?

Gute Frage!
Ich weiß es nicht.

Meine Lösung wäre:
Eine Tabelle, bestehend aus einer Zelle und die Tabelle von der du berichtet hast, ohne Rand in diese hinein.

Dann kannst du der ersten einen Border geben und hast den gewünschten Effeckt. Ob das die sauberste Lösung ist, weiß ich nicht.
Aber man kennt ja die unterschiedlichen Interpretationen der Browser.
Manchmal macht eine bequeme Lösung weniger Ärger!

Gruß
ZAB

[Christian Seiler]

Hallo Christoph,

wenn ich allerdings Tabellen erstelle mit versch. Zellen und darin
versch. Hintergrundfarben ist immer ein rahmen (nicht schwarz) zw. den Zellen.

td, th { border: ...; }

Eventuell interessiert Dich noch

table { border-collapse: ...; }

Viele Grüße,
Christian