Tabellenborder verdoppeln sich bei angrenzenden Zellen

uru · #1 (**permalink**) 25.02.2004, 22:43

Sicherlich kennt Ihr das schon, wenn man Tabellenzellen (td) mit CSS einen border:1px solid #000000 verpasst, die Borderstärke ingesamt doppelt so groß wird, weil ja die Zellen aneinander liegen.

Ich merke schon wie umständlich ich mich ausdrücke

Beispiel
_________________
| zelle1 || zelle2 |

Jetzt kann man es glaube ich besser verstehen. In der Mitte der beiden Zellen ist der Border nun doppelt so groß, da ja beide Zellen einen Border besitzen.

Ich könnte natürlich jetzt z. B. der Zelle1 border-right:0; befehlen, aber diese Lösung ist bestimmt nicht sehr sauber und bei großen Tabellen auch äußerst unpraktisch.

crock · #2 (**permalink**) 26.02.2004, 10:25

Zitat:

Zitat von uru

Ich könnte natürlich jetzt z. B. der Zelle1 border-right:0; befehlen, aber diese Lösung ist bestimmt nicht sehr sauber und bei großen Tabellen auch äußerst unpraktisch.

Da hast Du völlig recht.
Es geht mit CSS super einfach. Gib der Tabelle einfach dieses CSS

Code:

	 table{
	 	border-collapse: collapse;
	 }

Das border-collapse bewirkt eben das solche doppelten Rahmen nicht vorkommen.

uru · #3 (**permalink**) 26.02.2004, 14:48

ich wusste das es einfacher geht.

Danke Dir

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Tabelle für Smartphone weniger Zellen Zeigen	seerose	Barrierefreiheit	6	18.10.2015 15:28
Rahmen zwischen 2 Zellen: ich kriegs nicht hin!	kiph	CSS	4	24.09.2008 13:25
Hintergrundbilder für Zellen einer Tabelle	VanKurt	CSS	3	26.09.2006 17:52