Gernot Back: Gitterlinien ohne aussenrahmen?

Beitrag lesen

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