みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

Dreamweaverで画面表示サイズを設定する

こんにちは
私個人のパソコンは1024*768の画面サイズです。
そのためその画面にあわせてページを作っていたのですが、ワイド画面?のパソコンで作ったページをみたら、左上に寄ったページになりました。

Yahoo!のトップページのように、ページ両端にレイアウト部分以外は白で表示されるように設定したいのですがどうすればいいのでしょうか?

ちなみにフレームでページを作っており、メインフレームの部分のみが切り替わっていき、URLは~/top.htmlからは変わりません

その場合は、top.htmlのみをページ設定すれば大丈夫でしょうか?
それともメインフレーム内で切り替わっていくページ(bbs.htmlなど)もページ設定するべきなのでしょうか?

教えてください

投稿日時 - 2007-03-31 17:03:39

QNo.2882566

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.4

補足

BODYそのものをBOXとする場合、IE6では反映されないので、
#box { margin:0 auto; width:700px;text-align:center; } 
とすればほぼ全てのブラウザでセンター配置になります。
text-align:center;が必要なのは私が確認した中ではIE6だけだったので
IE用のCSSハック(* htmlなど)を使ってIEだけに適用しても良いと思います。

投稿日時 - 2007-04-02 10:00:35

ANo.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,*">として、*のフレームにいれるページを
上記の方法で設定すると良いと思います。

投稿日時 - 2007-04-01 22:47:29

ANo.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>内の全てを囲むので
フレームの有無は、関係ありません。

投稿日時 - 2007-04-01 21:08:29

ANo.1

とりあえず、フレーム分割はどのようにされていますか?
左右分割か、上下分割か。
どちらにしているかでちょっとアドバイスが変わります。
ま、左右分割なら、
<frameset cols ="30%,70%">
//中略//
</frameset>
のようにパーセンテージで指定することによってウインドウサイズが変わっても、フレーム分割の割合を保持出来ます。
上下分割の場合、センタリングする為には、各ページごとにセンタリングするよう記述し直す必要があると思います(CSS使うのが楽だと思います^^;
左右分割の場合でも、各ページが左寄りになるのが気になるなら、やはり各ページごとにセンタリングさせる必要があります。
ぶっちゃけ乱暴というか、「推奨されていない属性」になりますが、
<body>の後に<center>、で</body>直前に</center>で閉じる事で、<body>内に記述されたコンテンツ全体がセンタリングされます。
参考→http://www.tagindex.com/html_tag/text_font/center.html
(個人的に余り推奨したくないのですけど・・・CSS使う方がスマートだし沢山のページ一度に指定出来るしで)
yahooさんのトップのようにセンタリングしたいなら、本来フレーム分割は不向きだと思いますが・・・

投稿日時 - 2007-04-01 15:00:48

あなたにオススメの質問