表格单元格周围的边框 - CSS

时间:2016-01-08 11:54:51

标签: html css html-table

使用下表我遇到了一些问题。首先,HTML的错误是什么?我收到了错误标记。但主要的问题是,左栏没有完整的边界,我无法弄清楚原因。

JSFiddle here

<!DOCTYPE html>
<html>

  <head>
    <title> Auflistung 2014</title>
    <style type="text/css">
      * html body {
        margin: 0;
        padding: 0;
        border: 0;
      }

      body {
        margin: 0;
        padding: 0;
        border: 0;
      }

      body {
        font-family: "Lucida Console", sans-serif;
        font-size: 66%;
      }

      table {
        border-spacing: 0;
        border-collapse: collapse;
        border: 0;
        width: 650px;
      }

      td {
        white-space: nowrap;
        text-align: right;
        border-collapse: collapse;
        border: 1px solid #000;
      }

      th {
        font-family: Helvetica;
        font-size: 120%;
      }

      body {
        margin: 10px;
      }

      .linkespalte {
        text-align: center;
        width: 80px;
        font-size: 100%;
        border-collapse: collapse;
        border: 1px solid #000;
      }

      .lfd {
        width: 3em;
      }

      .bet {
        width: 6em;
      }

      .vorst {
        width: 6em;
      }

      .date {
        width: 6em;
      }

      .mwst {
        width: 4em;
      }

    </style>
  </head>

  <body>
    <br/>
    <br/>
    <table>
      <tr>
        <th colspan="7"> Ueberschrift I </th>
      </tr>
      <tr>
        <td colspan="3">Summe Netto: 0.00</td>
        <td colspan="4">Summe Vorsteuer 7%: 0.00 Summe Vorsteuer 19%: 0.00</td>
      </tr>
    </table>
    <br/>
    <br/>
    <table>
      <tr>
        <th colspan="7">Ueberschrift II</th>
      </tr>
      <tr>
        <td class="linkespalte" rowspan="250"><em>480</em></td>
        <td class="lfd"> 1</td>
        <td class="date"> 18.12.</td>
        <td width="120">Fa XY</td>
        <td width="120">iPad AIR 16GB</td>
        <td width="10" class="bet"> 369.00</td>
        <td class="mwst"> 19</td>
        <td class="vorst"> 58.92</td>
      </tr>
      <tr>
        <td colspan="3">Summe Netto: 310.08</td>
        <td colspan="4">Summe Vorsteuer 7%: 0.00 Summe Vorsteuer 19%: 58.92</td>
      </tr>
    </table>
  </body>

</html>

1 个答案:

答案 0 :(得分:2)

您的代码如下:

<td class="linkespalte" rowspan="250" ><em>480</em></td>

但是,它应该如下:

<td class="linkespalte" rowspan="2" ><em>480</em></td>