• ベストアンサー

yahooみたいに、画面を中央に寄せるやりかた

yahooに限らないですけど、よくサイトで左右に余白をつけて、画面を全体的に中央に寄せるやりかたあるじゃないですか。あれって左右に余白を設定するだけで、どんな環境でもつねに中央に画面を寄せることができるのでしょうか?ちなみに使っているソフトはDreamweaverMXとMX2004です。OSはwindowsXPです。

  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
noname#107787
noname#107787
回答No.3

CSSは各ブラウザによってバグがあるので面倒です。 1.CSS(スタイルシート) <html> <body style="text-align:center"> <div style="margin:auto; text-align:left;"> ここに内容を入れる。 </div> </body> </html> --------------------------- margin:autoはIE以外のブラウザのための中央揃えです。 2.タグ(<div align="center">) <html> <body> <div align="center"> ここに内容を入れる。 </div> </body> </html> --------------------------- レイアウトはCSSで指定する事が推奨されてるんだけど、現時点では2の方が無難かな?

参考URL:
http://www.mozilla.gr.jp/standards/webtips0004.html
cyainu
質問者

お礼

cecterを使えばできるんでしたよね!思い出しました!2の方でチャレンジしてみますね。ありがとうございます!

その他の回答 (2)

  • siteuma
  • ベストアンサー率28% (77/271)
回答No.2

中央寄せはcenterタグを使う方法やスタイルシートでtext-alignを指定する方法があります。 画面全体を中央寄せにしたいなら、body要素にtext-align: center;と指定します。 --------------------------- <html> <head> ・・・ </head> <body style="text-align: center;"> ・・・ </body> </html> --------------------------- または、 --------------------------- <html> <head> ・・・ </head> <body> <center> ・・・ </center> </body> </html> --------------------------- この手の指定はスタイルシート推奨なのですが、 centerタグもまだまだ多く使われているようですね。 どちらもほとんど全ての環境で対応しているはずです。

cyainu
質問者

お礼

スタイルシートという手がありましたね!わかりました。何とかがんばってみます。ありがとうございました。

回答No.1

<body> <center> <table> </table> </center> </body> 以上。

cyainu
質問者

お礼

どうもです

関連するQ&A

  • Dreamweaverでページを中央に表示されるよう作成するには?

    DreamweaverMXを使ってホームページを作っています。 色々なHPを見ると、作成したホームページが常に ページの左右中央に表示されているものを多く見かけます。 ページの左右の余白がウインドウを大きくしたり小さくしたりするのに連動して、調整されるように設定する方法を教えていただきたいと思います。 宜しくお願いいたします。

  • ホームページを中央に表示するには?

    初心者ですがホームページビルダーで作った自分のホームページを持ってます。 早速質問なのですが、ヤフーのトップページなどは左右に等間隔の余白があって、ページ全体がつねに画面の中央に表示されていますよね。 「お気に入り」のボタンを押して左側にお気に入り一覧を表示させてもページはつねに真ん中に表示されます。 文字のセンタリングではなくて、ページを中央に表示させる方法です。 私は左に寄せてページを作っているので、見ばえを良くするためにページを真ん中に表示させるのはどのようにしたら良いのでしょうか。 タグがあったら教えてほしいです。 お願いします。

    • ベストアンサー
    • HTML
  • ホームページビルダーです 中央表示にしたいです

    ホームページビルダーで作ってみましたが画面の左側に表示されてしまいます  全体を中央に持っていくにはどうしたらいいのか教えてください 3つのフレーム?にわけてあります 全体をこのまま画面中央(左右同じ余白)にもっていきたいです こちらです↓ http://loveair.jp/index2.html

  • Firefoxで、ベージを中央に表示するには?

    Firefoxで、ベージを中央に表示するには? 最近、初めてFirefoxを導入したのですが、ちょっと困っています。 例えばyahooのページだと、表記が中央で、左右に余白が出来るのですが、他のあるサイトとかになりますと表記が左によってしまい、右に余白ができます。 私としては、すべてにおいて中央表記にしたいのですが、その設定方法が分かりません。 どなたか直し方をご存知でしたら教えてください。

  • ホームページの画面表示が左詰に!

    お尋ねします。 サイトによってですが、17インチモニターの 左詰で表示され、右側がかなりあいて表示されます。 また、中央に表示されるのですが、左右にに余白が できて表示されることもあります。 うまく画面全体に表示されないものでしょうか? 友人の17インチ横長のモニターですと、もっと 顕著で大半が左右に空白ができています。 これらはサイトの作り方にそもそも問題があるので しょうか、それとも、当方の画面表示の何か設定に 問題があるのでしょうか。 よろしくお願いします。 (OS:98SE モニター:17インチCRT)

  • どのサイズのディスプレイでも中央表示にするには

    ホームページビルダーでホームページを作っていますが、どのサイズのディスプレイ(17インチや15インチ)で見ても、中央にと言いますか、画面全体に、レイアウトが表示できるようには、出来ないようです。 ノートパソコンの15インチで作ると、17インチの画面では、レイアウトが左によって、右側に余白が出来てしまいます。 これを常に中央に、画面いっぱいに、表示出来るソフトはありませんでしょうか?

  • DreamWeaver8 の画面サイズ設定

    質問お願い致します。 DreamWeaverMXを今まで使用しておりまして、 MXですと画面サイズは新規作成時に 画面全体のサイズの設定があったのですが DreamWeaver8でその設定画面を探しているのですが どうしても見つけられません。 MXと同様の画面サイズの設定の方法を ご存知ないでしょうか。 どうぞよろしくお願い致します。

  • 画面の大きさ

    iMac(os10.6.8)を使っています。 キーボードを触っているうちに、特定のアプリケーションではなく、画面全体が微妙に小さくなってしまったような気がします。 システム環境設定のディスプレイの項目を見ると、1920×1080で(デフォルトがいくつなのか分かりませんが)、1680×1050に変えると大きさ的には前の状態に近づくのですが、微妙に全体が以前より荒い感じで、その上、画面の左右に黒い余白が出来てしまいます。 ショートカットキーで入力を日本語からアルファベット(その逆も)に何度も切り替えていたので、もしかしたら間違えてショートカットキーを押してしまった可能性もあるかと思います。 iMacを購入してから画面の大きさに関しては特に何も変更していません。元の状態に戻すにはどうすればいいのでしょうか?

    • ベストアンサー
    • Mac
  • indesign|表の縦組み中央配置について

    いつもお世話になります。 indesign cs5を利用しています。 たとえば、3行3列の表を作成したとして 横組み時では「上下に対する中央」、「左右に対する中央」に設定すると 左右のセルの長さを伸ばしても、縮めても、セルの長さに対する中央に来ます。 けれど、表全体を選択(黒色表示)し、文字の組方向を「縦」に変更すると、「上下に対する中央」、「左右に対する中央」になっているにもかかわらず 下記の図のように、左右に対して文字が中央になりません。 上下に対しては、上下の幅を修正しても、キチンと中央にきます。 「セルの属性」から「テキスト」にいったときのセルの余白は上下左右0.5mm 「テキストの配置」は「中央」 「先頭ベースライン位置」のオフセットは「仮想ボディの高さ」に設定されています。 上記で、セルの余白を0にしたりなど、いろいろ試行錯誤してみたのですが セル内で左右に対して中央にどうしてもなりません。 解決策をご存知のかたは、ぜひ、ご教授いただけたらと思います。 よろしくお願いいたします。

  • 背景画像を画面の幅100%で表示させたい

    ホームページを作成しています。 全体的に、文章や画像の表示はセンタリングし、左右の画面余白部分に薄い色をつけたいと思っていますが、どのようにしたらいいのか悩んでいます。 左右に色をつけ、中央を白くした画像を画面100%に表示させられれば・・と思うのですが、CSS・HTMLで具体的にどのように指示すればよいでしょうか?

専門家に質問してみよう