- ベストアンサー
ホームページが左より
ホームページビルダー８で、テンプレートを使って標準モードでＨＰを作りました。出来て見たら全体が左よりになってしまいます。 テンプレートでは真ん中なのに作り終わったら（いじったら）なぜか左よりになってしまうのです。 タグ等はまったく無知で変わった事はやっていないのですが、なぜでしょうか？ どのようにしたら中央に表示できるでしょうか？ 説明も分かりにくくてすみません。
- atafuta8
- お礼率33% (4/12)
- ホームページ作成ソフト
- 回答数4
- ありがとう数10
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
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/ などを参考になさってどういう仕組みか勉強なさるのもどうでしょうか。
その他の回答 (3)
- simeondun
- ベストアンサー率80% (21/26)
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/ ※簡単に言うと「ページを定義しているもの」だと思います。
お礼
本当にありがとうございました。 ソフトメーカーのサポートでもココまで親切に教えて貰った（スッキリ解決した）経験は無かったです。 深謝いたします。
- simeondun
- ベストアンサー率80% (21/26)
その「テンプレート」というのはホームページビルダーに最初からついていた 物を利用なさっているのでしょうか。それともどこかのテンプレートサイトから 頂いたものを利用なさっているのでしょうか。 補足に書かれたタグだけでは、どこに問題があるのか不明ですね・・・。 CSSを使っているようなので、それが関係していそうですが。 中央表示のテンプレートタグと左より表示のタグをほぼ全て書いて頂くことと CSS内も書いていただかないと判断しかねます。※CSS＝スタイルシートのことです。 <head> <title></title> <style type="text/css"> <!-- #header { ・ （中略） ・ --> </style> </head> <body>
お礼
<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> ですが、画像を一つでも挿入すると左よりになってしまいます。
補足
お手数をおかけします。 テンプレートは無料のＨＰからダウンロードさせて貰ったものです。 中央表示（正常）なのは <!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)
「ページ編集」の右隣に「HTMLソース」というタブがありますので それをクリックしてソース（タグ）を見てみてください。 ホームページビルダーに最初からついているテンプレートでは 下記のように記述されているためセンター表示されています。 <body> <center>（または<div align="center">） ・ （中略） ・ </center>（または</div>←上記<center>を<div align="center">にした場合のみ） </body> <center>（または<div align="center">）と</center>（または</div>）を 消してしまっている可能性が高いです。 一度、どのようなhtmlタグなのかここに書かれてみるとよろしいかと。
補足
早速のご指導ありがとうございます。 タグ（？）を見てみましたが、同じと思われるところは <body> <div id="header"> ・ （中略） ・ </address> </div> </body> </html> となっておます。これはテンプレート（中央表示になっている）と、加工後（左より）のと同じです。 見当はずれの事を言っているとしたら申し訳ありません。
お礼
ありがとうございます。 感動です。（なんか涙が出てきました） なぜＨＰビルダーに余計な機能（変更）があるのか理解が出来ないのですが、「DOCTYPEを出力」をオフにすると何か不都合があるのでしょうか？ また作ったＨＰのタグの上に上記の<!DOCTYPE html PUBLIC ・・・を付けたら正常（真ん中）に表示されましたが、問題が起こる可能性はあるのでしょうか？ 重ね重ね御教授いただければ幸いです。