• ベストアンサー

ホームページを作ったのですが、インターネットで画面を表示させると左寄せ

ホームページを作ったのですが、インターネットで画面を表示させると左寄せになってしまいます。中央表示にするにはどうすれば良いですか？

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

  • ベストアンサー
  • John_Papa
  • ベストアンサー率61% (1186/1936)
回答No.7

失礼しました。スタイルシートが読めました。 スタイルシートの #container {　のマージン設定を 　　　margin: 0px; 　　　　↓ 　　　margin: 0px auto; にしてください。

その他の回答 (8)

  • John_Papa
  • ベストアンサー率61% (1186/1936)
回答No.9

<div id="container"></div> に変えましたか？ これでは #containerでの設定は無効です。 また、 body { にも、margin: 0px; がありますね。 上下の僅かの余白を無くしたいのでしょう。けど、これが効いてます。 ここを、margin: 0px auto;にすれば良いでしょう。また、width(横幅)も設定する必要が出てきます。 どのタグが外枠になるのか考えて 外枠をセンタリングすれば良いのです。 外枠をブラウザ画面いっぱいにすれば、中身は当然左寄せになります。

BiHeiBia
質問者

補足

今回はいろいろご苦労をおかけしました。初めてホームページを作りまだコードも理解していません。もう一度同じ物を作り理解しながら、アドバイスを考慮しながらチャレンジしようと思います。今回は本当に有難うございました。又投稿しますのでそのときはよろしくお願いいたします。

  • John_Papa
  • ベストアンサー率61% (1186/1936)
回答No.8

はは！もろにテンプレ載せちゃってますね。それにしてもおかしな挿入位置ですよ。 最初にURLにアクセスした時にスタイルシートが読み出せなかっただけですので <link href="css/style.css" rel="stylesheet" type="text/css" /> </head><link href="スタイルシートのURL/ファイル名.css" rel="stylesheet" type="text/css" /> <body> 　　　↓ <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> に戻し、style.cssファイルの次の箇所を #container { 　　　margin: 0px; 　　　padding: 0px; 　　　width: 770px; } 　　　↓ #container { 　　　margin: 0px auto; 　　　padding: 0px; 　　　width: 770px; } と、containerのmarginの左右をautoにすれば、自動的に左右同じマージンを取り中央に表示されます。(最初に書いたようにIE6以前を除く) この回答はANo.7に書いたとおりです。 【注意】ここの相談箱は行頭の半角スペースやTABは表示されませんので、全角スペースに変えて記載しています。くれぐれもコピペしないで、キー入力でautoを追加してください。

BiHeiBia
質問者

補足

自分のホームぺじを開いたとき、インターネットの左側でなく、中央にドキメントがあるほうが見やすい思います。上記のようにstyle.cssを編集しました。margin:0px auto;に書き替えまた。<link href="css/style.css" rel="stylesheet" type="text/css" />も</head>前に移動しました。それを保存してFTPにアップしなおしましたが、やり方がまずいのか成功しません。どのホームページを見ても左寄せのドキメントは格好悪いです。お手数かけますが、よろしくお願いいたします。

  • John_Papa
  • ベストアンサー率61% (1186/1936)
回答No.6

投稿を済ませたらURLが記されていて訪問してソースをみてみると、 スタイルシートがリンクされていません。 </head><body> の前に <link href="スタイルシートのURL/ファイル名.css" rel="stylesheet" type="text/css" /> が必要です。

BiHeiBia
質問者

お礼

度々すみません。 今使っていソフトはDreamweaver Cs3です。言われたとおり</head><body>の前に <link href="スタイルシートのURL/ファイル名.css" rel="stylesheet" type="text/css" />を挿入しました。ファイルを保存しなおし再度置き直しホームページを確認しましたが、表示されたのは左寄せでセンター寄りではありませんでした。他に簡単な方法はないでしょうか。お手数かけますがよろしくお願いいたします。

  • John_Papa
  • ベストアンサー率61% (1186/1936)
回答No.5

いろんなケースが考えられます。 例えばW3C標準モードって、IE5.5～IE6で表示した場合とか(これはIE5.5modeのmarginバグ) 逆に<center></center>タグを使って作って、FireFoxなどW3C標準モードしかないブラウザで表示するとか(これはIEの方言) などで、左寄せに表示されてしまいます。 現在はIE8もW3C標準モードだし、昨年よりホームページを見ただけでマルウェアに感染するセキュリティ上の問題が多いIE6などの古いブラウザは使う人が急速に減って少数派になっているので、現在はW3C標準モードで作るのが得策かと思います。 数年前のホームページビルダーなどIE5.5～IE6(互換モードと言ったりします)を対象にHTMLコードを吐き出すソフトで作ると、製作意図どおりでは見てもらえません。

  • keibun
  • ベストアンサー率25% (16/63)
回答No.4

どのようにホームページを作ったんですか？ タグの手打ちだとスペースや改行はそのまま反映はされないので方法としては<body>の直後に<pre>を入れ、</body>の直前に</pre>といれれば改行やスペースがそのまま反映されます。 僕がホームページを作るときもpre要素を使っています。

参考URL：
http://www.htmq.com/html/pre.shtml
BiHeiBia
質問者

お礼

ご回答有難うございました。 まだ初心者ですお許しください。 実際にPre挿入してみてたら画面が乱れてしまいました。その意味でなくインターネットで自分のホームページを呼び出した画面が左寄せになっています。画面をセンターで見たいのですが、URL　http://homepage3.nifty.com/yokaneです。　

回答No.3

No.1の方の意見に加え、以下の方法でも可能です。 ---------------- <center>文字や写真など</center> ---------------- <center>で囲んでいる部分が中央寄せになります。

  • violet430
  • ベストアンサー率36% (27472/75001)
回答No.2

どのようにして作ったのですか？ ホームペーゾビルダーなどの編集ソフトであれば、中央揃え　の機能があると思いますが。

  • Aoox
  • ベストアンサー率40% (138/340)
回答No.1

まず、中央に表示させるためのコードはこれです。 「<div align="center">」 ちなみに「"center"」を「"light"」にすると左寄せになります。 そして、中央に表示させたい部分の終わりに「</div>」とつければOKです。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • ホームページ作成時は画面の中央にあるのですが　インターネットの画面では

    ホームページ作成時は画面の中央にあるのですが　インターネットの画面では左によって表示されてしまいます　画面中央に表示されるようにするにはどうしたらよいのでしょうか

  • ホームページを中央に表示したい

    現在、DreamweaverCS3でホームページを作っているのですが、ホームページが左より表示になってしまいます。 中央に表示（左右に余白がある状態で、文字は左寄せ）にしたいのですが、どなたか、お分かりになる方、教えていただけませんか？ 宜しくお願いします。

  • ホームページ作成　リンク先の画像を中央表示する方法は？

    ホームページ作成　リンク先の画像を中央表示する方法は？ ホームページを作成しているのですが、 画像にリンクした時にその画像の表示が画面の真ん中に来るようにしたいです。 <a href="image/○○○.jpg" target="_blank"> これでやってみると、○○○.jpg　の画像が画面の左寄せで出てきます。 画面の中央にくるようにするにはどうすればいいのでしょうか？？

  • 画面サイズ’1024×’の中央表示

    ６４０×４８０でフレーム割りしたものを、１０２４サイズの画面で見ると左寄せされてて、困っています。 中央に表示させたいのですが、<center>をどこに書けば いいのでしょうか？ メインとメニューで二つに割ったとして、それぞれを <center>で囲むのでしょうか？

    • ベストアンサー
    • HTML
  • インターネット画面の表示の大きさ

    インターネットエクスプローラーを直接ダブルクリックをすると パソコンの画面いっぱいに表示をされるのですが いろんなホームページをショートカットでデスクトップにあります。 そのショットカットをダブルクリックをすると 画面が小さく表示されます。 その為いつも大きく表示する操作をしていますが ショートカットしたインターネットの画面を ダブルクリックした時に画面いっぱいに表示できないものでしょうか？ ＩＥ９ Windows７

  • インターネット画面の表示

    インターネット画面で、最初に開く時はインターネットオプションのホームページで指定できますが、新しいタブを開こうとするとMSN　Japanの画面が表示されて、色々なソースを選択できるようになります。こうではなくて、新しいタブを開いたときに何も表示されない画面を指定できるのでしょうか？いちいち煩わしくて仕方がないのですが、どうかならないものでしょうか？よろしくごご教授をお願いいたします。 なおOSはWindows8.1です。

  • 文字の左寄せセンター表示

    文字の左寄せセンター表示 文字の左寄せセンター表示させたいのですが、左寄せはできましたがセンター寄せができません。普通に左寄せに使用したタグをセンター寄せタグを追加すればよいのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画面下の表示(ホームページビルダー)

    ホームページビルダーを使って色々と作成したところ、画面下(インターネットでジャンプした時に「ページを開いています」等の表示がされる場所です)に表示されるように入力してしまったらしい間違った文章が表示されています。しかし、どうやって入力したのか？が分からないので消すことも変更することも出来ずどうしようもない状況です。ホームページビルダーで画面下の表示を削除・変更する方法をご存知の方、どうぞよろしくお願いします！

  • インターネット画面表示の位置設定について

    私はパソコンを使った（インターネット経由による）資格試験用教材 で学習をしています。その際に１２インチ画面のノートパソコンを 使用しています。 画面が小さいので文字も小さめで読みづらいもの（補助的な解説等） もある為、画面全体を拡大（１１０%）してます。 　　 画面を拡大すると行（横書き）の後半部分が切れてしまうので、 スクロールバーで調節し画面の左右を中央に合わせて文章をなんとか モニターいっぱいにおさめるようにして使用しています。ページが 変わるたびに画面が切れてしまうのでスクロールバーで調節して画面 を中央にそろえています。 パソコンに詳しい方に教えていただきたいのですが、インターネット の画面を拡大し、表示されたページの左右の位置を中央に揃えた状態 （拡大された文章の左右の余白がほとんど無い状態）を設定、保存し 次回からはその状態で表示されるようにすることは可能でしょうか？ OSはXP proでブラウザはInternet Explorer 8です。 　　 あまり専門的なことはわからないのでわかり易く解説しているような ホームページ等も教えていただけたらありがたいです。 わがままな質問ですがよろしくお願い致します。

  • ホームページの表示について

    今、ネットショップのためにホームページを作成しているのですが、 壁にぶつかりました。作ったページをブラウザで表示させてみたのですが 納得のいく表示が得られません。表示方法の問題ではないかもしれませんが、例えば、 http://www.hiragamasahiko.jp/ のようにまず背景があり、メインの表示が中央にくるようにしたいのですが http://www.rakuten.co.jp/auction/ のように背景がなかったり、メインの画面が左によっており、画面の右２割 程が空白になってしまいます。（書式設定でいう左揃えみたいな感じ） どうにか中央にもっていきたいのですが・・・。 非常に説明が分かりにくくて申し訳ありませんがよろしくお願いします。 ちなみにホームページビルダー11を使っており、ブラウザはIEで確認しました。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する