テーブルを挿入すると他のCSSと干渉してレイアウトが崩れてしまいます。
いくらやっても作成したテーブルを挿入するととの画像やメニューと干渉してレイアウトが崩れてしまいます。テーブルを取るとレイアウトが戻ります。。。
文字量の関係でテーブルだけ記入しました。
<HTML>
<HEAD>
<STYLE type="text/css">
<!--
/*テーブル*/
table {position:absolute; left:200px; top:450px;
font-family:MS,UI,Gothic,標準;
FONT-SIZE: 11px;
COLOR: #666666;
font-weight: lighter;
text-align:center;
border-collapse:collapse
}
caption {
font-family:MS,UI,Gothic,標準;
FONT-SIZE: 11px;
COLOR: #666666;
font-weight: lighter;
text-align:left;
}
table,th,td {border:1px solid}
div {margin:20px}
-->
</style>
</head>
<body>
<div>
<table>
<caption>ジャズシューズサイズ表</caption>
<tr><th width=70px>Sansha</th><td width=30px>2</td><td width=30px>3</td><td width=30px>4</td><td width=30px>5</td><td width=30px>6</td>
<td width=30px>7</td><td width=30px>8</td><td width=30px>9</td><td width=30px>10</td><td width=30px>11</td>
<td width=30px>12</td><td width=30px>13</td><td width=30px>14</td><td width=30px>15</td>
</tr>
<tr><th>(cm)</th><td>21</td><td>21.5</td><td>22</td><td>22.5</td><td>23</td><td>23.5</td><td>24</td>
<td>24.5</td><td>25</td><td>25.5</td><td>26</td><td>26.5</td><td>27</td><td>27.5</td>
</tr>
</table>
</div>
</body>
補足
HEADに指定した場合、変化しました。 BODYタグに直接書き込むと動かなくなりました。 外部ファイルにした場合も動かなくなりました。 HEADでの記述が間違ってるようには思えなかったのですが、 バグのようなものでしょうか。