Tabellen und CSS

Tabellen mit CSS für verschiedene Ausgabemedien optimieren

Ziel:

• Browser mit CSS:
  • Bildschirm: Kein Rand aussenrum, weisser Abstand zwischen den Zellen, farbige Zellhintergründe.
  • Ausdruck: Feiner doppelter Rand aussenrum, feiner einfacher Rand zwischen den Zellen.
  • Projektion: Mitteldicker schwarzer Rand aussenrum und zwischen den Zellen.
• Browser ohne CSS: Feiner Rand aussenrum und zwischen den Zellen

Methode:

• HTML: <table border="1" cellpadding="3" cellspacing="0">
• CSS: Screen: csstabscr.css - Print: csstabprt.css - Projection: csstabpro.css

Resultate (Windows-Browser):

Wie es in den Browsern aussehen kann, zeigen die Screenshots aus Opera 5.12 und Netscape 4.75

Grundlage: http://www.atelier89.de/users/dirk/test/csstab.html (Dirk Steinchen).

<= Zurück zur Übersicht der CSS-Testseiten

Thomas Lüthi, luthi@my-mail.ch, 16.06.2002