真ん中にBOXを置くレイアウトを作るには？

質問

HTMLのレイアウトで行き詰まってしまいました。
下記サイトの様に、ウィンドウの真ん中にBOXを配置したいだけなのですが、、
http://www.hondaf1.com/home.jsp
http://www.barneys.com/index_flash.html

・W3Cの仕様に従う
・IE6、N7の両方で同じレイアウト
という条件を満たそうとすると不可能？？なのでしょうか。

考えられるのは、
(1)tableで割り付ける
(2)stylesheetで配置する
(3)frameで割り付ける

という方法だと思うのですが、、
(1)だと、W3Cの定義においてtableにheight属性が存在しないようなんですよね(汗)。
となると方法が…？

(2)だと、、縦方向の割り付けがうまくいかないんですよね。。更にIEとNでCSSの解釈の仕方が違うものだからもうわけわかんないです。
JavaScriptでウィンドウサイズ取得して、動的に適正なmarginを生成とかも試してみましたが、ページ読み込みの際、一瞬BOXが左上隅に表示されてから移動する形になっちゃうんですよね。。

残るは(3)ってことで、やっぱりフレームで割り付けるしかないんでしょうか。となると、XHTML1.1、XHTML4.01及びXHTML1.0のTransitionalではなく、framesetで記述するしかないのでしょうか。。

ぁ～、もぅわけわかんないです(汗)。バカW3C。

回答No.1

shy00

(1)tableで割り付ける
　単純にValign（middle）、align（center）する
　これも、HTMLで記載するのではなく、CSSで設定してください

補足

いや、table内の真ん中に内容をもっていくだけなら、tdのvalign属性で造作もない事なのですが、テーブル自体を"ウィンドウの中央"に割り付けする事はできないですよね？

つまり、tableの属性でheightがあればheight="100%"と指定して、ウィンドウいっぱいに広がったtableの真ん中に割り付ければいいのですが。。ということです。

CSSとtableの併用で可能になる方法があるのでしょうか？