こんにちは
私個人のパソコンは1024*768の画面サイズです。
そのためその画面にあわせてページを作っていたのですが、ワイド画面?のパソコンで作ったページをみたら、左上に寄ったページになりました。
Yahoo!のトップページのように、ページ両端にレイアウト部分以外は白で表示されるように設定したいのですがどうすればいいのでしょうか?
ちなみにフレームでページを作っており、メインフレームの部分のみが切り替わっていき、URLは~/top.htmlからは変わりません
その場合は、top.htmlのみをページ設定すれば大丈夫でしょうか?
それともメインフレーム内で切り替わっていくページ(bbs.htmlなど)もページ設定するべきなのでしょうか?
教えてください
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
補足
BODYそのものをBOXとする場合、IE6では反映されないので、
#box { margin:0 auto; width:700px;text-align:center; }
とすればほぼ全てのブラウザでセンター配置になります。
text-align:center;が必要なのは私が確認した中ではIE6だけだったので
IE用のCSSハック(* htmlなど)を使ってIEだけに適用しても良いと思います。
No.3
- 回答日時:
センタリング方法を色々書いてみます。
■フレーム
フレームなら左右のフレーム幅を固定して中央を自動(数値の変わりに*をいれる)にするか、中央をサイズ指定して左右を自動にする方法があります。
ただフレームだと、フレーム幅よりもページ幅が増えた場合にスクロールバーが出るので、
中のページもサイズを決めて作成する必要があります。
(スクロールバーはCSSで消せますが、表示されなくなります)
■非推奨要素
<center>タグによるセンタリング。
「align="center"」によるセンタリング。
(テーブル、DIV、Pなどに設定)
BODYにマージンをいれる方法。
<body leftmargin="150" rightmargin="150" marginwidth="150">
ただしあまり推奨されていません。
■CSS
ボディタグ直下に<div id="#box">でボックスを配置して、
#box { margin:0 auto; width:700px; } とする。
テーブルの変わりとしてよく用いられる方法です。
■BODY操作
ボディそのものを大きなボックスと考え、横幅設定する方法もあります。
body { margin:0 auto; width:700px; }
全ページを一括で横幅700pxのセンター配置に出来ます。
■おまけ
上下左右の微妙な空間を取る場合は
* { margin:0; padding:0; } と設定します。
個人的にオススメなのはフレームを使わずにCSSで操作する方法ですが
アドレスを隠したいという理由でフレームを使用するのなら、
<frameset cols="1,*">として、*のフレームにいれるページを
上記の方法で設定すると良いと思います。
No.2
- 回答日時:
条件下にもよりますが、
一番簡単なのが#1氏の<center></center>
もう少し工夫したのが、<div align="center"></div>
------------------------------------
こんな感じです(上部省略)
</head>
<body>
<center> もしくは、<div align="center">
テーブル等、本文、
~~~終了
開始<center>の場合は終了</center>
開始<div align="center">の場合は終了</div>
</body>
</html>
------------------------------------
CSSなら、
{text-align:center}
{margin-left:auto}
{margin-right:auto}って事です。
<body>~~</body>内の全てを囲むので
フレームの有無は、関係ありません。
No.1
- 回答日時:
とりあえず、フレーム分割はどのようにされていますか?
左右分割か、上下分割か。
どちらにしているかでちょっとアドバイスが変わります。
ま、左右分割なら、
<frameset cols ="30%,70%">
//中略//
</frameset>
のようにパーセンテージで指定することによってウインドウサイズが変わっても、フレーム分割の割合を保持出来ます。
上下分割の場合、センタリングする為には、各ページごとにセンタリングするよう記述し直す必要があると思います(CSS使うのが楽だと思います^^;
左右分割の場合でも、各ページが左寄りになるのが気になるなら、やはり各ページごとにセンタリングさせる必要があります。
ぶっちゃけ乱暴というか、「推奨されていない属性」になりますが、
<body>の後に<center>、で</body>直前に</center>で閉じる事で、<body>内に記述されたコンテンツ全体がセンタリングされます。
参考→http://www.tagindex.com/html_tag/text_font/cente …
(個人的に余り推奨したくないのですけど・・・CSS使う方がスマートだし沢山のページ一度に指定出来るしで)
yahooさんのトップのようにセンタリングしたいなら、本来フレーム分割は不向きだと思いますが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- ノートパソコン ページ番号の入れ方について 3 2023/02/16 17:11
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- デジタルカメラ 挿絵のデジタル画集の作り方をお教え下さい 2 2022/04/01 09:23
- ホームページ作成・プログラミング ログインしないとみることができないWebページの作成方法 3 2023/07/29 13:33
- gooポイント gooポイントをdポイントに交換できない。 3 2022/04/22 20:39
- Word(ワード) wordでセクションを区切っているのに、ページ番号の設定が連動してしまいます。対応を教えてください! 2 2022/05/25 12:36
- Wi-Fi・無線LAN ルーター設定画面のログアウト方法がわからない 3 2023/04/08 13:40
- Android(アンドロイド) らくらくスマホF-52Bの取説でワンセグの紹介ページを見てるのですが録画の説明だけが一切書いてありま 2 2023/03/25 22:05
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2ページにまたがる画像のダブ...
-
30fpsから60fpsに変換する方法
-
<IFRAME>でコンテンツ部分のみ...
-
キングファイルの背表紙を作成...
-
エクセルでアルファベット5段階...
-
カンマ区切り形式ではなく、セ...
-
リンクを送るとは?
-
パワーポイントで参照ページを...
-
htmlでテキストファイルの中身...
-
Final Cut Pro レンダリングが...
-
Ctrl+Hで置換にならない
-
トンカツ屋のソース差しのゴム
-
VBAでマルチページのページ指定...
-
Wordチェックボックス作り方(...
-
WIN11でメールのソースリストを...
-
ホームページビルダー9で検索...
-
リンクをアップデートするしな...
-
リンクって「貼る」?「張る」?
-
UserForm.showでマルチページ1...
-
ドリームウィーバーでのホーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
2ページにまたがる画像のダブ...
-
30fpsから60fpsに変換する方法
-
AviUtlでのフレーム間引きの方...
-
Aftereffectsキーフレームが勝...
-
Dreamweaver3での制作
-
上のフレーム内のプルダウンメ...
-
Flash:プラグインのバージョン...
-
写真にフレーム(額縁)をつけたい
-
ホームページビルダーでのフレ...
-
ホームページビルダーv8
-
FIREWORKS共有レイヤー・フレー...
-
ホームページビルダー
-
ナビゲーションバーの作り方
-
ホームページビルダーでリンク...
-
FlashとHTML複合ページでの...
-
FLASH5でのスクリプトがらみ・...
-
HPの上にリンクボタンを付けたい!
-
ホームページヴィルダー10で
-
フラッシュでサインを書く方法
-
フレームを解除したい
おすすめ情報