縦横ともに画面中央にレイアウトするには、どのような方法が良いのでしょうか?
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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
左フレームからのリンクを右フ...
-
pythonのエラーについての質問...
-
フレームで背景画像を継ぎ目な...
-
html リンクを別フレームに表...
-
フレーム内にあるメニューから...
-
フレームの中にフレーム
-
アドレスバーにトップページを...
-
インラインフレームへのリンク...
-
alphaEDIT フレームターゲット
-
フレーム内のURLを表示させる方法
-
フレームの片方だけを更新(リロ...
-
複数フレームへ同時にリンクを...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
Webサイトから、txtファイルを...
-
htmlファイルの表示が真っ白
-
HTMLページが勝手にダウンロー...
-
googleドライブで、PDFファイル...
-
HTMLソースの文字コードがutfの...
-
#ifdef多用でソースが見づらい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
pythonのエラーについての質問...
-
フレームの片方だけを更新(リロ...
-
ページが変わっても同じ音楽を...
-
WebサイトでHTMLのフォームに隠...
-
フレームの表示と非表示の切り替え
-
HPのメニューを簡略化させる方法
-
frameの内容が表示されない
-
フレーム分割した全体をスクロ...
-
フレーム内でトップに戻るよう...
-
URLを変えないで表示する方法
-
2つのページを重ねたい
-
限界に来てしまいました、教え...
-
htmlフレームのようにcssで作る...
-
【至急!!助けて!】【スマホ...
-
フレームで指定している送信先...
-
フレームなしのページからフレ...
-
ページの表示
-
HTMLでページの余白を設定したい。
-
フレームで困ってます。。助け...
おすすめ情報