Spaltenbreite

[Auge]

Hallo

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;
}

Wovon berechnen sich die width:30% der Tabelle und wozu brauchst du position:relative;?

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?

Das können wir ohne die Kenntnis des „echten“ Quelltextes a.k.a. Codes immer noch nicht sagen. Und ja, die Angaben zu border beeinflussen die Breiten. Das sollte aber unter Kenntnis des Codes zu nachvollziehbaren Verschiebungen (um die Breiten der border (hier jeweils 1px)) führen. Wenn da nicht noch andere Fallen, die du noch nicht offenbart hast, schlummern, könnte calc() einen Lösungsansatz bergen.

Tschö, Auge