tableタグの上に文字が表示されてしまいます。
現在、以下のhtmlソースコードをchrome(バージョン 29.0.1547.65)とsafari（バージョン6.05）で表示させたところ、</table>タグの下に書いた文字がテーブルの上に表示されてしまいます。この原因がわかりません。
環境
PC：imac
OS:Max OS X （バージョン 10.7.5）
ブラウザ:chrome(バージョン 29.0.1547.65)
safari（バージョン6.05）
htmlファイルはxammpのhtdocsに保存してあります。
------------htmlソース-----------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>実験</title>
</head>
<body>
<table border="1">
<caption>キャプション</caption>
<thead>
<tr>
<th>th</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4">
<p>サンプルサンプルサンプルサンプル</p>
</td>
</tr>
</tbody>
</tabel>
<h1>h1</h1>
<p>Pタグ</p>
</body>
</html>
No.1
</tabel>がスペルミスのためにレンダリング時のパースがおかしくなったのが原因です。
safariやchromeには開発用のツールが搭載されているので、それを活用した方が良いと思います。
2
2
1
ただのスペルミスだったなんて…。大変お恥ずかしいです。ですが、一人だと気づけませんでした。昨日から、色々試しても調べてもこの問題が解決せず、大変困っていましたが、おかげ様で助かりました。本当にありがとうございました。
2013/09/11 16:10:29