人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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>

1378879634
●拡大する


●質問者: 匿名質問者
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

</tabel>がスペルミスのためにレンダリング時のパースがおかしくなったのが原因です。
safariやchromeには開発用のツールが搭載されているので、それを活用した方が良いと思います。


匿名質問者さんのコメント
ただのスペルミスだったなんて…。大変お恥ずかしいです。ですが、一人だと気づけませんでした。昨日から、色々試しても調べてもこの問題が解決せず、大変困っていましたが、おかげ様で助かりました。本当にありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ