DIV の中にTableを配置すると、下の表示されてしまいます

質問

どなたか教えてください！
<tr>
<td>
<div style="height:400px; width:470px; overflow-y:scroll;" align="left" valign="top">
<table>・・・
スクロールバーの中にテーブルで写真を並べて作成しています。
私のブラウザの環境ですと、うまく表示されますが、
友人のパソコンで見ると、Ｄｉｖの部分から下が、画面の下のほうへずれて表示されてしまいます。
そもそもＤＩＶの中にＴＡＢＬＥは配置してはいけないのですか？

環境によって・・・何か原因があるのですか？（ＩＥのバージョンは一緒でした。）
宜しくお願いいたします。

回答No.2

Suzi

<div>と<td><tr>の終了タグがないからではないでしょうか。

<tr>
<td>
<div style="height:400px; width:470px; overflow-y:scroll;" align="left" valign="top">
・・・・
</div>
</td>
</tr>
<table>・・・

>>そもそもＤＩＶの中にＴＡＢＬＥは配置してはいけないのですか？
　いけないということはないですし、普通だと思いますよ。
　また、<td>～</td>の中なら、<div>～</div>も問題ないです。
　<tr>と<td>の間だと厳しいかもしれません。

overflowについては、以下のサイトを参照してみてはどうでしょうか。
http://www.seo-equation.com/html/css/overflow

補足

ごめんなさいかなり省略して書いたので、
終了タグのほうは設置してあります。

ＤＩＶの中にＴＡＢＬＥは大丈夫なんですね・・・
ありがとうございました。

回答No.1

SAYKA

そのテーブルの内容、あるいは見ている環境の「画面の広さ」に問題がるんじゃないかな。
width:470px;height:400px になっていて、tableが「横に」オーバーする場合はどうするのか指定が無いし、そもそも画面(ウィンドウ)がこれより狭い場合がどうなるとか検証してないよね？
そういう所の問題だと思うよ

因みにdiv内にtable配置は可能

補足

ありがとうございます。
<DIV>の中に配置している<table>は、
横にはみ出さないように、width:450pxにしています。

友人の画面を見に行ったところ、画面の問題でもないようです。
説明不足ですみません。