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件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
(1)tableで割り付ける
単純にValign(middle)、align(center)する
これも、HTMLで記載するのではなく、CSSで設定してください
この回答への補足
いや、table内の真ん中に内容をもっていくだけなら、tdのvalign属性で造作もない事なのですが、テーブル自体を"ウィンドウの中央"に割り付けする事はできないですよね?
つまり、tableの属性でheightがあればheight="100%"と指定して、ウィンドウいっぱいに広がったtableの真ん中に割り付ければいいのですが。。ということです。
CSSとtableの併用で可能になる方法があるのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- Windows 10 ネットからファイルをデスクトップにダウンロードする際、既存のファイルの並びが崩れてしまう 4 2022/04/19 08:20
- 簿記検定・漢字検定・秘書検定 簿記一級を取るべきかわからず困っています。 簿記一級とその他学外活動の各コストパフォーマンス(費用対 3 2022/08/21 20:16
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
テーブル幅が固定できない
-
<fieldset>タグについて
-
フォームタグのプルタウンの隙...
-
CSSで特定のテーブルだけに...
-
画面幅に合わせてテーブルのカ...
-
tableを縦に続けるとtable間の...
-
table要素のtrやtdって・・・
-
正規表現で「より前」と「より後」
-
tableの位置がIEとその他ブラウ...
-
html5のテーブル内でdivのタブ...
-
HTML5で、テーブル内tdタグの高...
-
文字、センタリングの中での行...
-
TABLEタグの位置
-
tableのcellpadding="0" cellsp...
-
テーブルデータを折り返して表...
-
テーブルタグの中にdivを含めて...
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
スタイルの無効化
おすすめ情報