Benjamin Trayser: Tabelle mit 1px Gitternetz

Ich habe das Problem, dass ich es nicht schaffe eine Tabelle mit einem Gitternetz von einem Pixel breite in schwarz hinzubekommen. Das sollte doch irgendwie moeglich sein das ueber CSS hinzubekommen.
Ich waere ueber Hikfe ueberaus dankbar.
Ben

  1. Tja, ist mir zwar etwas peinlich, aber ich habe es selber herausgefunden. Manchmal sieht man die naheliegende Loesung eben einfach nicht:

    /* Tabelle */

    table { border-left-width:1; border-left-style:solid; border-left-color:#000000;
      border-top-width:1; border-top-style:solid; border-top-color:#000000;
      border-right-style:none;
      border-bottom-style:none;
    }

    /* Tabellenzelle */

    td {
      font-size: 10pt;
      line-height: 12pt;
      color: #000000;
      background: #FFFFFF;
      padding:2px;
      border-left-style:none;
      border-top-style:none;
      border-bottom-width:1; border-bottom-style:solid; border-bottom-color:#000000;
      border-right-width:1; border-right-style:solid; border-right-color:#000000;

    Fuer den Tabellen-Rahmen einfach nur links und oben eine Linie definieren und dann fuer alle Zellen unten und rechts eine Linie definieren.

    trotzdem, vielleicht findet ja nochjemand einen elegantere Loesung.

    Ben

    1. Hallo Ben!

      Deine Lösungen funktionieren nur mit dem IE.
      Am einfachsten geht (mit Vorbehalt beim NS)
      <table cellspacing="0" cellpadding="0" border="1" bordercolor="#000000">

      Für den IE5 reicht auch folgendes aus:

      table {
      border:solid 1px #000000;
      border-collapse:collapse;
      }
      td {
      font-size:10pt;
      line-height: 12pt;
      color:#000000;
      background:#FFFFFF;
      padding:2px;
      border:solid 1px #000000;
      }

      Grüße
      Thomas