CSS: Tabellen resetten

Nicht dass jemand denkt, HTML-Tabellen wären im CSS-Design generell verboten. Ganz und gar nicht. Sie sollten jedoch ausschließlich für Tabellendaten verwendet werden. Man kann sie dann auch richtig hübsch stylen.

Zwei weniger bekannte CSS-Attribute helfen dabei, eine Art Grundzustand für Tabellen und die darin enthaltenen Felder herzustellen. Denn selbst wenn man in allen Elementen brav den border: none; gesetzt hat, ist die Tabelle wundersamerweise immer um 2 Pixel nach rechts versetzt. Der normale border im CSS hat nämlich mit dem Tabellenrahmen nicht viel zu tun. Dieser lässt sich mit folgender hübschen Anweisung global auf 0 setzen:

Davon ausgehend kann man dann nach und nach seine Tabellen so gestalten, wie man das für richtig hält. Schließlich gibt es kaum etwas schlimmeres, als sich bei der Darstellung der Tabellenrahmen auf den Browser zu verlassen. Der hat das nämlich wirklich nicht drauf.