![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか?
http://www.salon-de.net/main.html
このサイトではテーブルを縦横100%にしてセルで中央にレイアウトされるように指定しているようですが、テーブル縦100%を認識しないブラウザでは中央レイアウトになりません。
http://www.parkhyatttokyo.com/
このサイトでは、なぜかフレームを縦2段で100%と相対に指定し、100%の方に内容の入ったHTMLファイルを表示させています。
画面中央にレイアウトされたページでは、このようにフレームを縦2段にして100%と相対に指定したものが多く見受けられますが、これにはどのような意味があるのでしょうか?
さらに、
http://www.toraya-cafe.co.jp/
では同様のフレームが2重になっています。
また、なぜか「TD」タグ内では「vAlign=center」「align=middle」のようにダブルクォーテーションを付けない書き方が多数派となっています。
この理由はなぜでしょうか?
詳しい方お教え願います。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
最良の答えは常にひとつ。
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<TR>
<TD align="center" valign="middle">
ここにコンテンツが入ります。
</TD>
</TR>
</TABLE>
縦100%に対応していないブラウザ、私は知りません。
あったとしても、サイト案の段階で切り捨てます。
古くても旧NNに対応していれば、文句を言うユーザもいませんから。
あと、質問と質問名からは、テーブルを使えば良いのか、フレームを使えば良いのかがわかりません。フレームを使うのなら、先のテーブルにIFRAMEを入れるか、定石通りページを5分割する方法をとれば良いでしょう。これなら縦100%に対応していないブラウザでもOKかな?
>なぜかフレームを縦2段で100%と相対に指定し~
100%でないページは、
・JavaScriptの変数や、カウンタ用のCGIを入れたりするため。
・アドレスバーにドメイン名のみを表示するため。あるいは、トップページをブックマークさせるため。
たいてい後者です。
>なぜか「TD」タグ内では~
こういったコードは人が書いたものではありません。
おばかなジェネレータ(DreamWeaverなど)が吐き出したものです。
よって、気にすることはありません。「valign="middle"」などときちんと書けば良いのです。
コードはシンプルに。頭で正しいと思えば、たぶん、それが正解です。
No.1
- 回答日時:
>縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか?
いろいろなサイトを周ってみてよさげなところからソースを引っ張ってくるのが簡単で手っ取り早いと思われます。
>テーブル縦100%を認識しないブラウザでは中央レイアウトになりません。
想定ブラウザにあわせたサイト作りをすればよろしいと思います。
>なぜかフレームを縦2段で100%と相対に指定し
これは表示してみれば分かるのですが、フレームで分けると、横のスクロールバーを消すことができます。
スクロールバーが表示されるのを嫌ったのでしょう。
>また、なぜか「TD」タグ内では「vAlign=center」「align=middle」のようにダブルクォーテーションを付けない書き方が多数派となっています。
この理由はなぜでしょうか?
たまたま多数見かけただけとは思いますが。
基本的に半角の英数字ならば普通に動くからクウォーテーションをつける手間を省いたのではないでしょうか。
多分「動けばいいじゃん」的な考えでしょう。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
フレームの片方だけを更新(リロ...
-
フレームを使った縦横中央への...
-
URLを変えないで表示する方法
-
文字化けを解除するには
-
Firefoxのフレーム表示について
-
ウィンドウを小さくしてもフレ...
-
フレーム内でトップに戻るよう...
-
HTMLソースの<p>何とか<p/>
-
HTMLフレームセット中のNAM...
-
ワンクリックで二つのフレーム...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
iPadの標準ブラウザでローカルH...
-
レストラン、英語のメニュー表記
-
VBA URLDownloadToFileについて
-
一つのリンクに複数のURLを指定
-
ページの途中にリンクするとそ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームで指定している送信先...
-
frameの内容が表示されない
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
WebサイトでHTMLのフォームに隠...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
iframeを使わないで・・・
-
formデータ送信時にフレームペ...
-
html 左メニューから右への表示...
-
フレームが表示されない><
-
直リンクとは。
-
HTML、1クリックで複数画像表示
-
HTML フレーム内にWebページを...
-
HP全体にmidiを・・・
-
フレームがあるページでの更新...
-
「無題ドキュメント」の名前変...
-
フレームの表示と非表示の切り替え
おすすめ情報