Warum wird Text nicht zentriert?

[mj23]

Das ist mein HTML-Code

<thead>


a name="playoffs"><h5>Playoffs</h5></a>


<table class="season">
<tr><tr id="pf"><td><span style="visibility: hidden;">"nothing"</span></td></tr>
<tr><th>Season</th></tr>
<tr><td align="left">1984-85</td></tr>
<tr><td align="left">1985-86</td></tr>
<tr><td align="left">1986-87</td></tr>
<tr><td align="left">1987-88</td></tr>
<tr><td align="left">1988-89</td></tr>
<tr><td align="left">1989-90</td></tr>
<tr><td align="left">1990-91</td></tr>
<tr><td align="left">1991-92</td></tr>
<tr><td align="left">1992-93</td></tr>
<tr><td align="left">1994-95</td></tr>
<tr><td align="left">1995-96</td></tr>
<tr><td align="left">1996-97</td></tr>
<tr><td align="left">1997-98</td></tr>
<tr id="career"><td align="left">Career</td></tr>
</table>


<div id="stats">


<table>


<thead>


<tr id="pf">
<td colspan="4"></td>
<td align="center" colspan="16">Totals</td>
<td align="center" colspan="3">Shooting</td>
<td align="center" colspan="4">Per Game</td>
</tr>




<tr>
<th>Season</th>
<th>Age</th>
<th><span title="Team">Tm</span></th>
<th><span title="League">Lg</span></th>
<th><span title="Games">G</span></th>
<th><span title="Minutes played">MP</span></th>
<th><span title="Field Goals">FG</span></th>
<th><span title="Field Goals Attempts">FGA</span></th>
<th><span title="3-Point Field Goals">3P</span></th>
<th><span title="3-Point Field Goals Attempts">3PA</span></th>
<th><span title="Free Throws">FT</span></th>
<th><span title="Free Throws Attempts">FTA</span></th>
<th><span title="Offensive Rebounds">ORB</span></th>
<th><span title="Total Rebounds">TRB</span></th>
<th><span title="Assists">AST</span></th>
<th><span title="Steals">STL</span></th>
<th><span title="Blocks">BLK</span></th>
<th><span title="Turnovers">TOV</span></th>
<th><span title="Personal Fouls">PF</span></th>
<th><span title="Points">PTS</span></th>


<th><span title="Field Goal Percentage">FG%</span></th>
<th><span title="3-Point Field Goal Percentage">3P%</span></th>
<th><span title="Free Throws Percentage">FT%</span></th>


<th><span title="Minutes played">MP</span></th>
<th><span title="Points">PTS</span></th>
<th><span title="Total Rebounds">TRB</span></th>
<th><span title="Assists">AST</span></th>


</tr>
</thead>


<tbody>


[...]


Der CSS-Code

.text #stats table {
cursor: default;
border-spacing: 0;
width: 983px;
}


.text #stats table tr:hover, .text table.season tr:hover {
color: red;
font-style: italic;
}


.text #stats th, .text .season th {
border: #AAA 1px solid;
background: #DADCDE;
color: #A00;
text-align: center;
border-collapse: collapse;
font: bold .6875em Verdana;
text-align: center;
padding: 3px;
}


.text #stats td, .text .season td {
padding: 3px;
border: 1px #AAA dotted;
font-size: .6875em;
background: white;
font-family: Helvetica;
text-align: right;
}


.text #stats td[align=left], .text .season td[align=left] {
text-align: left;
}
.text #stats tr#career, .text .season tr#career {
background: #DADCDE;
}


.text #stats tr#career td, .text .season #career td, .text #stats #pf td, .text .season #pf td {
border: #AAA 1px dotted;
border-bottom: #747678 solid 1px;
border-top: #747678 solid 1px;
padding: 3px;
font-weight: 700;
background: #DADCDE;
}


.text #stats #pf td, .text .season #pf td {
border-style: solid;
border-width: 1px;
}


.text .season #pf td[align=center] {
text-align: -webkit-center;
}


.text #stats tr#career:hover, .text .season tr#career:hover, .text #stats #pf:hover, .text .season #pf:hover {
color: black;
font-style: normal;
}


.text .season tr td:first-child, .text .season tr th:first-child, .text .season #career td:first-child, .text .season #pf td:first-child {
border-left: 1px solid #747678;
}


.text #stats tr td:last-child, .text #stats tr th:last-child, .text #stats tr#career td:last-child, .text .season tr td:last-child, .text .season tr th:last-child, .text .season #pf td:last-child, .text .season #career td:last-child, .text #stats #pf td:last-child {
border-right: 1px solid #747678;
}


.text #stats tr td:first-child, .text #stats tr th:first-child, .text #stats tr#career td:first-child, .text #stats #pf td:first-child {
border-left: 0;
}


.text span {
cursor: help;
}


.text table.season {
border-spacing: 0;
cursor: default;
float: left;
display: inline;
width: 60px;
margin-top: 7px;
margin-right: 0;
}


Befehl align="left" funktioniert, center nicht; Wäre nett, wenn sich jemand die Zeit nimmt sich den Code durchzulesen

Danke für jede Antwort im Voraus

 

[threadi]

Dein HTML-Code ist fehlerhaft, schon die ersten paar Zeilen. Und semantisch machen sie auch wenig Sinn.

Hinweis: Bitte verwende Code-Tags um Quellcode im Forum zu zeigen. Dann wäre er auch übersichtlicher dargestellt.

Das HTML-Attribut align bringt dir nichts, wenn Du den Inhalt der Zelle per CSS ausrichtest. Wenn Du den Inhalt der Zelle zentrieren willst, mache das ebenfalls per CSS:

text-align: center;

 

[mj23]

habe ich ja probiert und bei align left hat es nur so funktioniert,
P.S. Teile von oben fehlen

 

[threadi]

Deine Antwort verstehe ich nicht. Was fehlt? Und was hast Du probiert? Offenbar nicht wie ich sage die CSS-Eigenschaft sondern das HTML-Attribut?!

 

[mj23]

ist jetzt auch egal, ich habe einen Lauftext eingebaut
​
P.S.: @threadi ich habe alles ausprobiert, mehrmals

 

[threadi]

Zeig mal deine Versuche. Beim Quellcode oben sind wie ich schon sagte die Fehler ja eindeutig erkennbar. Evtl. wäre auch ein Link zur Seite hilfreich.

 

[mj23]

ist nur ne private, nicht freigegebene seite und der quellcode ist mit crica 55 kb ziemlich groß