テーブルが重なります

質問

簡潔に質問させていただきます。

下記テーブルのhtmlとcssでなぜ、「あいうえお」というテキストが
テーブルの下にもぐりこむか教えてください。
http://bds.fuma-kotaro.com/bds/table.html

広告は無視してください。

何卒ご教授願います。

回答No.3

grumpy_the_dwarf

> position:absoluteを外すと、テーブルが中央に来てしまいます。

それはmargin: 1em auto;って自分で書いたから。左右のマージンを
autoにするのは、ブロックを中央揃えするためです。これもきれい
さっぱり消してしまいましょう。

回答No.2

grumpy_the_dwarf

> テキストがテーブルの下にもぐりこむ

違います。表が文脈と関係なくフラフラ浮いているのです。なぜな
ら、position:absoluteだから。margin-topが1emあるから、地のテ
キストが全部隠れなくて済んだようですが。

補足

grumpy_the_dwarf様

早速のご回答ありがとうございます。
理由はわかりました。
しかし、position:absoluteを外すと、テーブルが中央に来てしまいます。

この場合、テーブルを左へ持ってく場合、どうすればよろしいでしょうか？

回答No.1

zxcv0000

書かれたURL を http://openlab.ring.gr.jp/k16/htmllint/htmllint.html でチェックすると、エラーが沢山でます。 エラーの中に問題の原因がある可能性が高いと思いますよ。

特に、「"」の個数が奇数なのは、かなり臭いかと思います。

<meta http-equiv="Content-Type" content="text/html; charset="Shift_JIS" />