プロが教える店舗&オフィスのセキュリティ対策術

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。

A 回答 (1件)

(1)tableで割り付ける


 単純にValign(middle)、align(center)する
 これも、HTMLで記載するのではなく、CSSで設定してください

この回答への補足

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

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

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

補足日時:2004/04/17 17:06
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!