ホームページのテーブルが同じ数字なのに合わない

質問

ホームページを作成してます。
複数のテーブルを設け、widthで同じ数字500を指定したのに上下のテーブルで幅が合いません。
なぜでしょうか？

まだ下書き中で半分非公開なのですが、こんな感じで上下の表の幅が合わないんです。
https://koushien1.web.fc2.com/summer_only.html

回答No.4

retorofan

No.1です。
補足を拝見しました。
修正箇所は、以下のとおりです。
<!-- before
<tr>
<td>1982年夏</td>
<td align="left" width="650">初戦敗退　　３－５高知商</td>
</tr>
-->

<!-- after -->
<tr>
<td>1982年夏</td>
<td align="left">初戦敗退　　３－５高知商</td>
</tr>

他にも手直ししたほうが良いとお考えなら、
全部の表の下部に、次のCSSを追記すれば全表が同じ横幅になります。
<style type="text/css">
/* 列の幅を統一するスタイル */
th:nth-child(1), td:nth-child(1){
width: 150px;
}
th:nth-child(2), td:nth-child(2){
width: 80px;
}
th:nth-child(3), td:nth-child(3){
width: 600px;
}
</style>

お礼

直りました。もう１つ修正箇所があったことにも気付けました。 ありがとうございました。

Powered by GRATICA

回答No.3

garo1970

東北と関東についていえば、
関東の方はwidth500は効いていて、500になっていますが、
東北の方は一ヶ所650の指定が入っています。ここ⇩

安積商(福島)(帝京安積)で
<td>1982年夏</td>
<td align="left" width="650">初戦敗退　　３－５高知商</td>

この650が効いていて全体的に幅が広くなっています。
他についても広くなっているところには必要のないところにwidth 650の指定が入っています。

回答No.2

t_hirai

table 自体に幅を指定してみてはどうでしょうか？
例えば、「 <table border="1" style="width: 600px">」のように。

補足

それ試してみたのですがそちらでも関東のとこだけ幅が変わってしまう現象が起きました

回答No.1

retorofan

あなたは、こう述べています。
「複数のテーブルを設け、widthで同じ数字500を指定したのに
　上下のテーブルで幅が合いません。」

しかし、実際は違っています。

たとえば、
1.北海道 [合計値＝730]
<tr>
<th width="150">校名</th><th width="80">大会</th><th width="500">成績</th>
</tr>

5.近畿 [合計値＝830]
<tr>
<th width="150">校名</th><th width="80">大会</th><th width="600">成績</th>
</tr>

「上下の表の幅が合わない」
そのように書かれたHTMLぺーじなのですから、そうなっただけです。

補足

いえ、私が言ったのはこの部分です。

<h3>東北</h3>
<tr>
<th width="150">校名</th><th width="80">大会</th><th width="500">成績</th>
</tr>

<h3>関東</h3>
<tr>
<th width="150">校名</th><th width="80">大会</th><th width="500">成績</th>

同じピクセルにしたのに上下で幅の長さが違ってしまってます。