Den Zellzwischenraum einstellen
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
Die Zwischenräume zwischen dem Tabellenrahmen und den Rahmen der einzelnen Zellen sollen festgelegt werden.
Lösung
Verwenden Sie das Tabellenattribut cellspacing:
<table cellspacing="15">
<tr>
<th colspan="2">Tabelle 1. Allgemeine statistische Angaben</th>
</tr>
<tr>
<th></th>
<th>Geschätzt</th>
</tr>
<tr>
<td>Gesamtbevölkerung</td>
<td>272.091</td>
</tr>
</table>Diskussion
In der CSS 2.1-Spezifikation ist ein Standardmechanismus beschrieben, um das Tabellenattribut cellspacing zu manipulieren. Hat die Eigenschaft border-collapse den Wert separate, kann man hierfür auch die Eigenschaft border-spacing verwenden:
border-collapse: separate;
border-spacing: 15px;Leider ist dieser Teil der Spezifikation beim Internet Explorer 6 für Windows nicht implementiert, in Firefox und Netscape Navigator 7+ dagegen schon. Daher ist die Verwendung des Attributs cellspacing momentan die beste Lösung, die auch mit Internet Explorer für Windows funktioniert.
Siehe auch
- Die Rezepte Rahmen und Innenabstände für Zellen einstellen und Zwischenräume zwischen den Tabellenzellen entfernen für das Einstellen der Rahmen und Innenabstände von Zellen und
- die CSS 2.1-Spezifikation zu den Eigenschaften border-collapse und border-spacing.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln