締切済み

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

2007/03/31 17:03

こんにちは私個人のパソコンは1024*768の画面サイズです。そのためその画面にあわせてページを作っていたのですが、ワイド画面？のパソコンで作ったページをみたら、左上に寄ったページになりました。 Yahoo!のトップページのように、ページ両端にレイアウト部分以外は白で表示されるように設定したいのですがどうすればいいのでしょうか？ちなみにフレームでページを作っており、メインフレームの部分のみが切り替わっていき、URLは～/top.htmlからは変わりませんその場合は、top.htmlのみをページ設定すれば大丈夫でしょうか？それともメインフレーム内で切り替わっていくページ(bbs.htmlなど)もページ設定するべきなのでしょうか？教えてください

funfanfunny
お礼率5% (6/112)

ホームページ作成ソフト
回答数4
ありがとう数1

みんなの回答 （4）
専門家の回答

みんなの回答

tenderfeel
ベストアンサー率56% (215/379)

2007/04/02 10:00 回答No.4

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

tenderfeel
ベストアンサー率56% (215/379)

2007/04/01 22:47 回答No.3

センタリング方法を色々書いてみます。 ■フレームフレームなら左右のフレーム幅を固定して中央を自動（数値の変わりに*をいれる）にするか、中央をサイズ指定して左右を自動にする方法があります。ただフレームだと、フレーム幅よりもページ幅が増えた場合にスクロールバーが出るので、中のページもサイズを決めて作成する必要があります。（スクロールバーはＣＳＳで消せますが、表示されなくなります） ■非推奨要素 <center>タグによるセンタリング。「align="center"」によるセンタリング。（テーブル、ＤＩＶ、Ｐなどに設定） BODYにマージンをいれる方法。 <body leftmargin="150" rightmargin="150"　marginwidth="150"> ただしあまり推奨されていません。 ■ＣＳＳボディタグ直下に<div　id="#box">でボックスを配置して、 #box { margin:0 auto; width:700px; }　とする。テーブルの変わりとしてよく用いられる方法です。 ■ＢＯＤＹ操作ボディそのものを大きなボックスと考え、横幅設定する方法もあります。 body { margin:0 auto; width:700px; } 全ページを一括で横幅700ｐｘのセンター配置に出来ます。 ■おまけ上下左右の微妙な空間を取る場合は * { margin:0; padding:0; }　と設定します。個人的にオススメなのはフレームを使わずにＣＳＳで操作する方法ですがアドレスを隠したいという理由でフレームを使用するのなら、 <frameset cols="1,*">として、*のフレームにいれるページを上記の方法で設定すると良いと思います。

naokita
ベストアンサー率57% (1008/1745)

2007/04/01 21:08 回答No.2

条件下にもよりますが、一番簡単なのが#1氏の<center></center> もう少し工夫したのが、<div align="center"></div> ------------------------------------ こんな感じです（上部省略） </head> <body> <center>　もしくは、<div align="center"> テーブル等、本文、～～～終了開始<center>の場合は終了</center> 開始<div align="center">の場合は終了</div> </body> </html> ------------------------------------ ＣＳＳなら、 {text-align:center} {margin-left:auto} {margin-right:auto}って事です。 <body>～～</body>内の全てを囲むのでフレームの有無は、関係ありません。

345itati
ベストアンサー率48% (795/1639)

2007/04/01 15:00 回答No.1

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