• ベストアンサー

ホームページが左より

ホームページビルダー８で、テンプレートを使って標準モードでＨＰを作りました。出来て見たら全体が左よりになってしまいます。 テンプレートでは真ん中なのに作り終わったら（いじったら）なぜか左よりになってしまうのです。 タグ等はまったく無知で変わった事はやっていないのですが、なぜでしょうか？ どのようにしたら中央に表示できるでしょうか？ 説明も分かりにくくてすみません。

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

  • ベストアンサー
  • simeondun
  • ベストアンサー率80% (21/26)
回答No.3

No.1、2です。 こちらのテンプレート素材屋さんのものですね。 http://www.s-hoshino.com/web/simple_010/index.html CSS（スタイルシート）が非常に多用されていますので CSSの仕組みを理解していないとなかなか難しいと思います。 またホームページビルダーの場合、余計なタグが入ったり !DOCTYPEを削除してしまったりする場合があります。 ※本来ならば <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> であるはずが <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> に変わっていたりしますね。※実はこの部分が重要です。 ビルダーの「ツール」→「ファイル」→「DOCTYPEを出力する」の チェックを外してみて、新たに作成されてみてはどうでしょうか。 またスタイルシートを理解できていないとレイアウトが崩れたり することがあるのはどうしても仕方がないことだと思います。 ［超初心者のためのスタイルシート講座］ http://park16.wakwak.com/~html-css/css/ などを参考になさってどういう仕組みか勉強なさるのもどうでしょうか。

atafuta8
質問者

お礼

ありがとうございます。 感動です。（なんか涙が出てきました） なぜＨＰビルダーに余計な機能（変更）があるのか理解が出来ないのですが、「DOCTYPEを出力」をオフにすると何か不都合があるのでしょうか？ また作ったＨＰのタグの上に上記の<!DOCTYPE html PUBLIC ・・・を付けたら正常（真ん中）に表示されましたが、問題が起こる可能性はあるのでしょうか？ 重ね重ね御教授いただければ幸いです。

その他の回答 (3)

  • simeondun
  • ベストアンサー率80% (21/26)
回答No.4

No.1～3です。 「余計な機能」と言いますか、ビルダー独自の機能と言いますか…。 いわゆる「ワープロのようにHTMLが簡単に記述できる」ソフトですので そういう機能がついているのは仕方がないと思います。（曖昧ですみません。） DOCTYPEについては、チェックをオフにしてもご自身できちんと記述されていれば 特に問題はありません。今回の場合、自動的に <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> と入ってしまう機能を止めてしまっただけです。 ただ、機能を止めてしまうと、このテンプレートを使用しない場合に DOCTYPEが入らなくなってしまうので、その際にはチェックを入れる必要が出てきます。 もしくはご自身でいちいち記述する必要があります。 そういう意味では、少し面倒なことになりますね。（忘れないようにしてください。） 「<!DOCTYPE>ドキュメントタイプを宣言する」について何故必要なのかは 私もまだまだ勉強中ですのでうまく説明できる自信がありません。申し訳ありません。 下記ページ等を参考にしてみてください。 ［<!DOCTYPE>・・・・・ドキュメントタイプを宣言する］ http://www.htmq.com/html/doctype.shtml ［DOCTYPE宣言がないとIE7でも表示は古いまま］ http://allabout.co.jp/internet/hpcreate/closeup/CU20070115B/ ※簡単に言うと「ページを定義しているもの」だと思います。

atafuta8
質問者

お礼

本当にありがとうございました。 ソフトメーカーのサポートでもココまで親切に教えて貰った（スッキリ解決した）経験は無かったです。 深謝いたします。

  • simeondun
  • ベストアンサー率80% (21/26)
回答No.2

その「テンプレート」というのはホームページビルダーに最初からついていた 物を利用なさっているのでしょうか。それともどこかのテンプレートサイトから 頂いたものを利用なさっているのでしょうか。 補足に書かれたタグだけでは、どこに問題があるのか不明ですね・・・。 CSSを使っているようなので、それが関係していそうですが。 中央表示のテンプレートタグと左より表示のタグをほぼ全て書いて頂くことと CSS内も書いていただかないと判断しかねます。※CSS＝スタイルシートのことです。 <head> <title></title> <style type="text/css"> <!-- #header { ・ （中略） ・ --> </style> </head> <body>

atafuta8
質問者

お礼

<head> <title>TestPage　-　SimpleTmpl010</title> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="Keywords" content="キーワード1,キーワード2,キーワード3" /> <meta name="Description" content="TestPage　-　SimpleTmpl010。ここには、サイトやページの紹介文等を入れてください。" /> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="header"> <h1><a href="#">SimpleTmpl010</a></h1> <div id="sub">The subtitle of the site enters here.</div> <div id="sub2">http://www.samplesite-url.com/</div> </div> <div id="nav"> <ul> <li><a href="#">HOME</a></li> ：：： 中略 ：：： </div> <address> Copyright (C) SimpleTmpl010 All Rights Reserved. </address> </div> </body> </html> ですが、画像を一つでも挿入すると左よりになってしまいます。

atafuta8
質問者

補足

お手数をおかけします。 テンプレートは無料のＨＰからダウンロードさせて貰ったものです。 中央表示（正常）なのは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <!-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 原則として、許可なしの再配布は禁止させていただきます。 また、無料でお使いの方は、ＰＲ広告を削除しないでください。 加工後の削除も禁止させていただきます。 ご不明な点は、http://www.s-hoshino.com/info.html、または、 http://www.megapx.com/info.htmlのフォームよりお問い合わせください。 よろしくお願いします！(・∀・)/ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ --> つづく

  • simeondun
  • ベストアンサー率80% (21/26)
回答No.1

「ページ編集」の右隣に「HTMLソース」というタブがありますので それをクリックしてソース（タグ）を見てみてください。 ホームページビルダーに最初からついているテンプレートでは 下記のように記述されているためセンター表示されています。 <body> <center>（または<div align="center">） ・ （中略） ・ </center>（または</div>←上記<center>を<div align="center">にした場合のみ） </body> <center>（または<div align="center">）と</center>（または</div>）を 消してしまっている可能性が高いです。 一度、どのようなhtmlタグなのかここに書かれてみるとよろしいかと。

atafuta8
質問者

補足

早速のご指導ありがとうございます。 タグ（？）を見てみましたが、同じと思われるところは <body> <div id="header"> ・ （中略） ・ </address> </div> </body> </html> となっておます。これはテンプレート（中央表示になっている）と、加工後（左より）のと同じです。 見当はずれの事を言っているとしたら申し訳ありません。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 何て説明したらいいか…

    教えて下さい。素人なので説明下手ですみません。 ＰＣ買った時に最初から付いていた「ホームページ・ビルダーＶ９ライト」で、ＨＰを作成しています。 ＰＣ通常ページ、デザインテンプレート、どこでも配置モードで作成。 「ページサイズ」はよくわからないので「750×900　1024×768ディスプレイ標準」、ナビメニューに従い、作成しております。 そこで質問ですが、 ＨＰ全体が左寄りになってます。 「レイアウト」の「ページの左右中央配置」にすると、それぞれ個々の文字や画像が真ん中に寄ってしまうし、 すべてをグループ化してみると上手に画面上では中央になるのですが、設定したページサイズ内で中央配置になっているだけみたいです。 私が希望するのは、ホームページを立ち上げた時に、どんなサイズの画面上でも中央寄りになって欲しいのです。 小さい画面枠にした時も、全画面にした時も、どんなときも中央に寄るようにする… 可能でしょうか？ 私の説明でわかってもらえるでしょうか？ どうやって検索すればいいのかわからなかったので、前出があるかもしれません。その時は教えて下さい。 HTMLタグも少しはわかるので、これを追加すればいい、等あれば教えて下さい。 ビルダーで作ったHTMLソースを見ると、いろんなタグがあるのでなかなかイジれません…。 よろしくお願いいたします。

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

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

    • ベストアンサー
    • HTML
  • ホームページの中央揃え

    ホームページビルダー11でＨＰを作成中です。「どこでも配置モード」から「標準モード」に変換まではしましたが、ＨＰ全体のレイアウト枠を左右中央揃えの仕方がわかりません。教えてください。ちなみに枠は表（テーブル）を使って作成しました。

  • ホームページビルダー１０で

    こんにちわ　今ホームページビルダー１０でホームページをつくっているんですがある程度ホームページができてきたんですが　【ホームページが中央にこない】んですが　どうしたらいいですが？ 詳しくいうと　ホームページをつくりました⇒ブラウザでみたら『ホームページ全体が左に寄ってる・・』⇒中央にしたいということです 説明が少ないと思いますがよろしくおねがいします

  • ホームページビルダー10で

    ホームページを作成しているのですが、作ったホームページが全体的に左に寄ってしまい、お気に入りをだしていると中央で見れるのですが お気に入りを消すと左端に寄ってしまうのです 作ったホームページを画面中央に寄せる方法を教えてください 宜しくお願いします。ちなみに標準モードでつくっております

  • HPが左によってしまします。（ホームページビルダー）

    こんにちわ。 ホームページビルダーの「どこでも配置モード」を使ってHPを作成しました。 転送し、実際ネットから見てみたところ、 モニタ画面全体に対し、作成した・配置したものが、全体的に左によってしまします。 どのパソコンから見たときにも、常に、画面の中心に絵がくるようにするには、HTMLソースのどこに、何を書き込めば良いのですか。 宜しくご教授お願いします。

  • ホームページビルダーの右余白を解消したい！

    今、ホームページビルダーV6.5ライトでHPを作成しています。 どこでも配置モードで作っています。 ホームページビルダーで作成中は すべてが真ん中になり、大丈夫なのですが （すべてをグループ化して、ページ左右中央へセンタリングをしています） いざ、アップしてみると ページの右側が大分あいてしまい左へ偏っているのです。 これはどう直せば良いのでしょうか？ 初心者でよく理解しておらずお恥ずかしいです・・ よろしくお願いいたします。

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

    今現在ビルダー11でホームページを作っているのですが、標準配置モード、スタイリッシュエフェクトを使って作ったとき、表示が左に詰まります。 http://www.sakura-surf.jp/　　←例えばこんな感じです。 http://www.hiragamasahiko.jp/やhttp://www.tanakaseimen.com/のように きちんと中央に表示させる方法を教えてください。 スタイリッシュエフェクトを使用しない場合はなんとかうまく表示できそうですが、スタイリッシュエフェクトを使いたいと考えております。 またこの現象はビルダーの画面では、白い余白もできず画面いっぱいに、しかも中央に表示されるのに、ブラウザ（ＩＥ）で確認すると左によってしまいます。 あと思ったんですけどビルダーの製作画面とブラウザで表示させる場合の画面のサイズって違いますよね？（ブラウザの画面の方が大きいですよね） 説明が分かりづらくて申し訳ありませんがよろしくお願いします。長文失礼しました。

  • ホームページビルダーで

    ホームページビルダーを使ってサイトを作成しています。 表を使って作成しているのですが、出来たページを転送すると画面の端によってしまいます。これを画面の真ん中に表示させたいのですがやり方がわかりません。 うまく説明出来ないのですが・・・。 ホームページビルダーのプレビューで見てもパソコンで見る全体図はわからないし困っています。 綺麗にまとめたつもりでも、左の方によってしまっていて・・ うまく真中に表示出来ません。 どうすれば良いのでしょうか？

  • ホームページ作成中なんですが…。

    ホームページビルダー11を使用して個人サイトを作っています。 標準モードで作成しているのですが、アップした時に文字の表示が少し変になってしまいます。 通常はサイトの文字というものは窓を縮小するとそれにあわせて最大サイズにした時と同じ位置に見えるように寄っていきますよね？（文字が真ん中なら小さい窓でも真ん中になりますよね） しかしこのホームページビルダーで作ると文字が動かずに改行（？）されてしまうんですが…。 うまく言えなくてすみません；； どこでも配置モードだとレイアウトが崩れる、とは聞いたんですけどどうして標準モードでも崩れてしまうのですか？ 一体どうすればいいのでしょうか？ 教えて下さい。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する