tableの位置の設定＆既定文字を隠す

質問

HTML＆CSS初心者です。
既定文字を消せないので、同じ色のtableを作成し、上に重ねて隠そうと思ったのですが、既定文字の位置にtableを移動すると、他に指定して動かしている既定の下部のtableが崩れます。
修正箇所、または違う方法があればアドバイスよろしくお願いします。

<table style="position:relative; margin-top:-1910px;
margin-left:-2px;">
<table width="200" border="0" cellspacing="1" cellpadding="1">
<tr><td>
<font style="background:ffffff">
<font size="3" color="0000ff">こんにちは</font></font><br />
</td></tr>
</table>
</table>

回答No.1

hogenyam · ベストアンサー

<table>ではなく、<div>を使ってはどうでしょうか。

また、上記ソースで気づいた点として、
・<table>タグの直後は<tr><td>が必要です。
　<table>タグの下に直接ほかのタグを入れることはできません。
・position:relativeに対してマージンで座標指定すると、
　上位階層の状態によって位置が左右されてしまいます。
　全体をposition:relativeのdivタグなどで囲い、
　その子階層のタグに
　position:relative; width:～; height:～;
　みたいにするといいかもしれません（参考URL）

参考URL：

http://www.tohoho-web.com/css/reference.htm#position

お礼

参考URLも付けて頂き、アドバイスありがとうございます。
<table>タグの直後に<tr><td>を追加してみたら、成功しました!!