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: ~~~html <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: ~~~css 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]

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: ~~~html <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: ~~~css 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? > Hallo > > > Ich habe eine Tabelle mit 8 Spalten und diese soll wie folgt aussehen: > > > > Position: mittig > > > > Breite: 80% der Bildschirmbreite > > > > Rahmen: 1px solid black > > > > Spaltenbreite: 9.375%; 31.25%; 9.375%; 6.25%; 6.25%; 12.5%; 12.5%; 12.5% > > > > Also im Verhältnis: > > > > 3 : 10 : 3 : 2 : 2 : 4 : 4 : 4 > > > > Egal was ich mache, die Spalten sehen nie so aus wie ich mir das vorstelle. Hat jemand nen Ansatz für mich? Ich würe zu tiefstem Dank verbunden. > > Hast du die Gesamtbreite für die Tabelle festgelegt? Hast du für ein der Tabelle übergeordnetes Element eventuell eine ungeeigente Größe/Breite festgelegt? Hast du bei deinen Breitberechnungen für die Zellen die Breiten der Border berücksichtigt? Und zu guter Letzt und am allerwichtigsten, wo hast du den Code gelassen? Ohne dessen Kenntnis können wir nur spekulieren, woran es liegen könnte. > > Tschö, Auge > > -- > Wo wir Mängel selbst aufdecken, kann sich kein Gegner einnisten. > Wolfgang Schneidewind **\*prust\***