VinceBassman: Gitterlinien ohne aussenrahmen?

Hallo,

Ich versuche eine Tabelle zu gestalten, die nur die Gitterlinien (innere Borders) und keinen Aussenrahmen gezeichnet hat.
Wie soll es gehen?
Ich habe mit rules=all probiert, ohne irgendein border Parameter einzugeben und es funktionniert mit FF aber nicht mit IE. Mit IE werden gar keine Linien gezeichnet.
Ist es ueberhaupt moeglich mit IE nur die Gitterlinien von einer Tabelle zu haben?

Danke fuer die Hilfe!
Gruesse,
VB.

  1. Hello out there!

    Ich versuche eine Tabelle zu gestalten, die nur die Gitterlinien (innere Borders) und keinen Aussenrahmen gezeichnet hat.
    Wie soll es gehen?
    Ich habe mit rules=all probiert,

    Für Darstellungsangaben _jeglicher_ Art ist http://de.selfhtml.org/css/@title=CSS [CSS] zuständig, nicht veraltete HTML-Attribute.

    Für Gitterlinien bietet sich das Rahmenmodell [CSS2 §17.6] mit zusammenfallenden Rahmen an. Dann können nicht nur Tabellenzellen, sondern auch <http://de.selfhtml.org/html/tabellen/aufbau.htm#vordefinieren@title=-spalten ('col')> und -zeilen ('tr') Rahmen haben. (Macht da der IE 6 mit? Der 5.0er tut’s nicht.)

    Die äußeren Linien können je nach Auszeichnung in HTML (Verwendung von 'thead', 'th') entfernt werden, evtl. auch mit den Pseudoklassen http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#first_line_letter_child@title=::first-child und ::last-child (da macht der IE nicht mit).

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Hallo Gunnar,

      Für Gitterlinien bietet sich das Rahmenmodell [CSS2 §17.6] mit zusammenfallenden Rahmen an. Dann können nicht nur Tabellenzellen, sondern auch <http://de.selfhtml.org/html/tabellen/aufbau.htm#vordefinieren@title=-spalten ('col')> und -zeilen ('tr') Rahmen haben. (Macht da der IE 6 mit? Der 5.0er tut’s nicht.)

      Da macht nach meinen Beobachtungen nicht mal der IE 7 mit.

      Aber mit einem Clipper-Element gehts (auch in Opera und Firefox):

        
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
              "http://www.w3.org/TR/html4/loose.dtd">  
      <html>  
      <head>  
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
      <title>Tabelle ohne Au&szlig;enrahmen</title>  
      <style type="text/css">  
      [code lang=css]  
      .clipper {  
            width:100%; /* oder beliebiger anderer Wert */  
            overflow:hidden;  
      }  
        
      .clipper table {  
            border-collapse:collapse;  
            border:hidden;  
            width:100%;  
      }  
        
      .clipper td {  
            border:solid 1px red;  
      }  
      
      

      </style>
      <!--[if IE]>
      <style type="text/css">
      .clipper table {
            width:expression(parentNode.offsetWidth +2);
            margin:-1px;
      }
      </style>
      <![endif]-->
      </head>
      <body >
         <div class="clipper">
            <table>
               <tr>
                   <td>&nbsp;</td>
                   <td>&nbsp;</td>
                   <td>&nbsp;</td>
               </tr>
               <tr>
                   <td>&nbsp;</td>
                   <td>&nbsp;</td>
                   <td>&nbsp;</td>
               </tr>
               <tr>
                   <td>&nbsp;</td>
                   <td>&nbsp;</td>
                   <td>&nbsp;</td>
               </tr>
            </table>
         </div>
      </body>
      </html>
      [/code]

      Gruß Gernot