Hi Auge,
danke für das schnelle Feedback. Die position:relative benötige ich nur dafür, um die Tabelle etwas nach unten zu verschieben, da ich oberhalb noch eine Menüleiste habe, die mit dem gesamten Konstrukt aber sonst nichts zu tun hat.
Ich habe jetzt noch mal folgendes probiert, in der Hoffnung, dass die Tabelle etwa 75% der Seite ausfüllt. Den HTML-Code poste ich jetzt nicht noch mal extra, in dem steht einfach eine Tabelle mit 8 Spalten, die jeweils mit Einträgen gefüllt sind. Die CSS sieht so aus:
body{
align:center;
}
table{
position:relative;
top:10em;
margin:0 auto;
border-collapse:collapse;
table-layout:fixed;
}
th, td{
width:9%;
}
th:nth-of-type(2), td:nth-of-type(2){
width:22.5%;
}
th:first-child, td:first-child, th:nth-of-type(3), td:nth-of-type(3){
width:7.5%;
}
th:nth-of-type(4), td:nth-of-type(4), th:nth-of-type(5), td:nth-of-type(5){
width:5.25%;
}
Meine bescheidenen Rechenküste kommen dabei auf folgende Summe wenn ich alle Spaltenbreiten addiere: 7.5 + 22.5 + 7.5 + 5.25 + 5.25 + 9 + 9 + 9 = 75
Die Tabelle füllt aber nicht mal die Hälfte der Seite aus. Why?
[Vollzitat entfernt]