- ベストアンサー
ホームページビルダーでHPを作りました。
ホームページビルダーでHPを作りました。 職場で最初作ったとき、プレビューで見たら、ページの右横の余白がかなりあったので、画面最大で作ってみたら、ちょうどよくなりました。ところが、帰宅して自宅のパソコンで見ると、横スクロールバーが出て、ものすごく巨大になっていました。 どのPCでも横幅がスクロールバーが出ずにすっきり収まるには、画面の設定をどうすればよろしいでしょうか。ご教示下さい。
- JZ302
- お礼率92% (1106/1202)
- ホームページ作成ソフト
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
＞中央にするにはどうすればよいのでしょうか。 例をあげておきます。 簡単なHTMLです。以下をメモ帳にコピーペーストしてtest.htmlとして保存してブラウザで開く。 <html><head> <style> html,body{margin:0px;padding:0px;} body{background-color: black;} body div{width:70%;margin:1em auto;max-width:600px; padding:0.5em 1em;background-color:white;color:blue;} div p{text-indent:1em;line-height:1.6em; margin:0.2em 0px;}h1{text-align:center;border-bottom:green 4px double; </style> </head><body> <div><h1>見本</h1> <p>ビルダーの使い方を覚えるより、HTMLやCSSを覚えるほうが楽ですから、私はビルダーのようなオーサリングツールは今は殆んど使っていません。</p><p>自分だけが見るサイトならともかく、多くの人に見やすい理想的なサイトを作るためには、HTMLやCSSの基礎的な知識は必要ですね。</p><p>それをオーサリングツールを使うとなると、テキストエディタ派以上にウェブやHTML,CSSの知識が必要なのです。</p> <p>このページは、ウインドウ幅をとっても小さくしても、中心に本文が表示され、巨大な画面でも600px以上に広がらない。でもソースはいたって簡単です。--もちろん携帯電話でも表示されるはず---</p> <h2>参考サイト</h2> <dl><!-- 定義リスト --> <dt><a href="http://www.asahi-net.or.jp/~sd5a-ucd/www/">はじめてのWebドキュメントづくり</a></dt> <dd>HTML4.01の翻訳メンバーの内山さんが家族のために・・</dd> <dl> </div> </body></html>
その他の回答 (2)
- noppeaiko
- ベストアンサー率66% (2/3)
「巨大」に関してもう少し補足が欲しいところ。 各ＰＣの環境によって解像度が違えば 文字も画像もでかくなるし。 画像も解像度も同じなら「表示→文字のサイズ」で文字が巨大ともうけとれるし。 もしくは表組みしたものが横幅の設定になっていて 今は横幅750pxかな？超えてしまって横スクロールが出てしまい巨大と言ってるのか いろんな見方があるので返答できません。 ただあえて言うならば 画像サイズは横に何個並べてもいいですが １００％どんなPCでもOKとは行きませんが足しても750px超えない程度がベストかと。 表も同じく横幅７５０px。 セルは横に２列も３列もあるなら そこは計算してください。 表、もしくはセル内に入れた文字は必ず自動で折り返すようにするとベストでは？ なぜ750ｐｘ？ というと １０年前？位は800×600と1024×768の解像度が主流だったので 横幅750を超えると見づらいから。 横幅900もあったら、800しかない解像度では横スクロール出てしまいます。 今は800×600はないだろうから、750にこだわらずもうちょっとあってもいいかもしれないが ノート使用者には大変見づらいかもしれませんね。 この辺は最近の解像度にあわせてもいいけど 会社用ならもっとシビアになるべき 不特定多数の人がみるので。 HP作成者は 見た目も重要ですが 見易さも重要です。 横幅・px・表組みは説明書見るなり検索するなりしっかり勉強してください。 一番重要というか結構ここは計算しちゃいます。 左右に画面いっぱいイッパイのページは見づらいと思います。 表組みを学んでみてください。 仕組みがわかればあとは構成力でだいたいのPCでも横スクロールから解消されます。
補足
ご指導ありがとうございます。750×900でやったら横スクロールバーはお陰様で出なくなったのですが、全体的に画面の左側に寄ってしまうのですが、中央にするにはどうすればよいのでしょうか。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
まず標準モードで作成すること。 ページ幅は、CSSで100%としてから、それを基準に内容の横幅を決めること。 HTMLは、 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで ［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より タグを覚えていなくても、ＨＴＭＬは書けますが、HTMLは完璧に覚えておかないと、とんでもないページが出来上がる。それがオーサリングツールを使うときの必要条件です。 具体的には、 body{ width:100%;} div.main{width:80%;margin-left:10%;margin-right:10%;} とか・・
補足
ご指導ありがとうございます。750×900でやったら横スクロールバーはお陰様で出なくなったのですが、全体的に画面の左側に寄ってしまうのですが、中央にするにはどうすればよいのでしょうか。HTML初心者で最後の部分、まるでわかりません。
お礼
お礼が遅くなってすみません。ありがとうございました。 ブラウザで見せていただきましたが、どてもきれいにできていますね。 CSSって何かまだわからないのですが、わかりやすいサイトがあれば教えてください。