Spaltenbreite

[Jens]

Hi,

ich pack jetzt hier mal Beispielhaft etwas Code rein und bin mir eigentlich sicher, dass eine Tabelle hier das geeignete Element ist. Es geht um ein Bundesligatippspiel bei welchem ich eine Tabelle für den aktuellen Gesamtstand angeben will. Wie ihr im Quellcode seht steht in der ersten Spalte die Position, in der zweiten der usw. Ich finde es optisch einfach schöner, wenn die Spalte für die Position (Zahlen von 1-30) nicht genau so breit ist wie Spalte für den Namen des jeweiligen Tippers. Folgendes Beispiel sollte das Problem verdeutlichen:

<table>
   <thead>
      <tr>
         <th>Pos</th>
         <th>Name</th>
         <th>Punkte</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>1</td>
         <td>Mustermann, Max</td>
         <td>155</td>
      </tr>
      <tr>
         <td>2</td>
         <td>Schweinsteiger, Bastian</td>
         <td>147</td>
      </tr>
   </tbody>
</table>

Mein Konstrukt sieht derzeit wie folgt aus:

table{
   position:relative;
   top:10em;
   margin:0 auto;
   background:red;
   width:30%;
   border-collapse:collapse;
   table-layout:fixed;
}

th, td{
   width:25%;
   border:1px solid black;
}

th:nth-of-type(2), td:nth-of-type(2){
   width:50%;
}

In diesem speziellen Fall sieht es recht passend aus. Wenn ich das ganze aber auf 8 Spalten erweitere passt es einfach nicht mehr. Oder kann das auch an der Border liegen und wenn ja, wie umgehe ich das?

[hier unerwünschtes Vollzitat entfernt]