table layout problem

by Richard Hunter

HTML

<table class="pricingTable three-columns">
   <thead>
      <tr>
         <td>
            <b>Abonnement Full Access</b>
         </td>
         <td></td>
         <td>Incl. open mat*</td>
      </tr>
   </thead>
   <tbody class="alpha">
      <tr class="even">
         <td>3 mois</td>
         <td>Fr. 360.-</td>
         <td>Inclus dans le prix</td>
      </tr>
      <tr>
         <td>6 mois</td>
         <td>Fr. 670.-</td>
         <td>Inclus dans le prix</td>
      </tr>
      <tr class="even">
         <td>1 année</td>
         <td>Fr. 1090.-</td>
         <td>Inclus dans le prix</td>
      </tr>
   </tbody>
</table>

<table class="pricingTable three-columns">
   <thead>
      <tr>
         <td>
            <b>Abonnement 2 entraînements p. semaine</b>
         </td>
         <td></td>
         <td>Incl. open mat*</td>
      </tr>
   </thead>
   <tbody class="beta">
      <tr class="even">
         <td>3 mois</td>
         <td>Fr. 300.-</td>
         <td>Fr. 330.-</td>
      </tr>
      <tr>
         <td>6 mois</td>
         <td>Fr. 560.-</td>
         <td>Fr. 620.-</td>
      </tr>
      <tr class="even">
         <td>1 année</td>
         <td>Fr. 970.-</td>
         <td>Fr. 1040.-</td>
      </tr>
   </tbody>
</table>
<table class="pricingTable three-columns">
   <thead>
      <tr>
         <td>
            <b>Abonnement 1 entraînement p. semaine</b>
         </td>
         <td></td>
         <td>Incl. open mat*</td>
      </tr>
   </thead>
   <tbody>
      <tr class="even">
         <td>3 mois</td>
         <td>Fr. 200.-</td>
         <td>Fr. 230.-</td>
      </tr>
      <tr>
         <td>6 mois</td>
         <td>Fr. 370.-</td>
         <td>Fr. 420.-</td>
      </tr>
      <tr class="even">
         <td>1 année</td>
         <td>Fr. 680.-</td>
         <td>Fr. 800.-</td>
      </tr>
   </tbody>
</table>
<table class="pricingTable two-columns">
   <thead>
      <tr>
         <td>
            <b>Kids 1 entraînement p. semaine</b>
         </td>
        ...

CSS

table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 10px;
  font-family: helvetica;
}

td:last-child {
  width: 20%;
}

.three-columns td:nth-last-child(2) {
  width: 20%;
}

.two-columns {
}