• ベストアンサー

HPの両端に余白を入れたいのですが。。。

HPを作成しています。 まだまだ初心者で分からないことがたくさんあるのですが、 ページの両端に余白を入れる方法がいくら調べてもわかりません。 言葉ではうまく説明できないのですが、 例えると『Yahoo!』のHPのように左右に余白があって 中央に内容を表示するということです。 よろしくお願いいたしますm(__)m

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

  • ベストアンサー
回答No.2

HP作成ソフトでページを作っていますか? それともHTMLタグで作っていますか? <marginwidth="100">などのタグで余白を入れる事も可能ですが 簡単なのは、テーブルを使って(線は非表示に)中央に配置することです。 私もHPをHPビルダーを使用し、作成していますが全てテーブルタグを使用しています。 これなら、ウィンドウサイズを変えたら改行してしまう・・・という事もなく、綺麗なサイトがつくれますよ。

その他の回答 (2)

noname#50619
noname#50619
回答No.3

HTMLソースを編集できるのであれば、 Bodyタグ内へ以下のように追記してください。 <body style=margin-top:■;margin-left:■;margin-right:■;margin-bottom:■> ■の場所には数字を入れます。それぞれ、 top=ページ上の余白 left=ページ左の余白 right=ページ右の余白 bottom=ページ下の余白 となっており、どのようなページ構成であろうと 強制的に余白を入れる(なくす)ことが可能です。

  • luune21
  • ベストアンサー率45% (747/1633)
回答No.1

CENTERタグの中にTABLEタグを入れればいいのではないでしょうか。 列行ともに大きな一つのセルをもったテーブルという感じになり、その中にテキストを入れていく感じです。 また、そのテーブルのセルの作り方でいろいろなデザインが可能になります。

関連するQ&A

  • HTMLでページの余白を設定したい。

    HP作成初心者です。 HTMLとスタイルシートを使って作っています。 画面の両端に余白を入れたいのですが、 その方法がいまいちよくわかりません(++) フレーム?を使って3つのページを1ページとして 表示させているのですが・・・その指示をどのページに入れたらいいのかもわかりません。 indexだけでいいのか・・それともその他のページにも設定するのか・・。 どうぞよいアドバイスをお願い致しますm(__)m

  • HPのページ一部に余白を付けたい

    初めまして。どうしても分からない事があるので質問させてください。宜しくお願い致します。 現在、フリースペースさんを借りてサイトを作成しているのですが、簡易コメントを設置すると左右みっちり詰まってコメントが表示されるのでとても見難く困っています。 そこでコメント部分。ページの一部にだけ左右に余白を付けたいのですが方法が分からずにいます。色々調べタグなどを使いましたがそれは左右どちらかでしかもページ一部で無く全体に余白が付いてしまいもう何日も煮詰まっています。 方法を教えていただけますでしょうか?宜しくお願い致します。 出来れば携帯からの観覧でも同様に左右に少し余裕を持たせた表示をしたいです。ですがこれは出来なければ諦めます。

  • FC2ブログの両端の余白の消し方

    FC2でブログを始めた初心者です。既成のテンプレート(pinkclown)を使っているのですが、ヤフーの画面で左の「お気に入り」を閉じた時にブログを見ると(画面を大きく見た時)、両端にできる白い余白を消す方法を教えてください。うまく伝えられないのですが、テンプレート全体の幅を広げるか、余白部分に色をつけるか何かで、とにかく両端の白い部分をなくしたいのです。よろしくお願い致します。

  • Dreamweaverで画面サイズを一定にする

    こんにちは。 WEBページを表示するパソコンの画面サイズが 1280 x 1024 1024 x 768 のどちらの場合でも、中央揃えになるようにページをデザインしたいのですがどうすればよろしいでしょうか? 例えばYahoo!のトップページは、どちらの画面サイズの場合でも 両端に余白ができるようになっていて、真ん中にページが来ています。 考え方としては真ん中から左右共に512ずつデザインできるようにすればいいのでしょうか? 初心者のためうまく表現できませんが、よろしくお願いします

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

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

  • Excel 2007で余白が印刷されます

    Excel 2007でA4縦1Pに収まる住所録を作成しました。そして印刷プレビューのページ設定→余白の設定でぺージ中央の水平にチェックを入れたところ、印刷ページが2ページになります。1ページめは住所録、2ページ目は白紙です。 それで、余白の設定で左右の余白を少なくしてゆくと印刷ページが1ページになりますが、印刷位置はぺージ中央の水平にチェックを入れているにも関わらず、向かって左の位置(言い換えればぺージ中央の水平にチェックを外した状態)に移動します。 どうすれば、ちゃんと印刷できるようになりますか?

  • 余白の使い方

    よろしくお願いします。 仕様環境 ・WinXPSP2 ・excel2002 ・ウェブアートデザイナー(ホームページビルダー付属物) 教えて頂きたいのですが。 今、私用でパンフレット作成をしてるんですが、 ホームページビルダーの付属ソフトでロゴや装飾を作って、 エクセルに貼り付けてるんですけど、どうしてもエクセルに 余白が出来てしまいます。 何がしたいかと言うと紙の左右・両端に色をつけたいのですが、 余白の設定を0にしても余白が出来てしまいます。 つまり白い部分が出来てしまいます。 理想は「余白」は残したまま、その「余白」に色をつけることを 理想としています。 (そうすれば余白の活用がうまくいくので) 紙の両端に色や装飾をつけるにはどうしたらよいでしょうか? そもそもエクセルではそれをするのは無理なのでしょうか? ご指導お願いします。

  • Wordの余白

    ファイル→ページ設定→余白で上下の余白を 例えば、15mmや30mmに設定しても 余白がない状態で表示されます。 新規作成した場合でも、はじめから余白が無い状態で表示され、 ページ設定の余白を確認すると、上35mm、下30mmになっています。 どのようにすれば、正確に反映されるのでしょうか? ※左右は正しく表示され、余白を変更した場合も、正しく反映されます。

  • HPをUPした時に一番外側の余白が変わってしまう

    HPをサーバに上げた時に余白がずれることについて質問させていただきます。 仕事でHPを作成しています。 経験は浅いです。やっとHP一つ上げられた程度です。 その上げたHPなのですが、いざ上げてみると外側の余白が変わっていることに気付きました。 dreamweaverで作成しており、IE8で完成したものを見ています。 上げる前は下の余白はどのページも共通でした。 なので特に余白に関しては設定しておりません。 いざ上げてみると、ヘッダーからリンクするページはヘッダーからリンクするページ同士で余白が共通になっており、サイドバーからリンクするページはサイドバーからリンクするページ同士で余白が共通でした。 検索して理由を探してみましたが、答えに直結するものはございませんでした。 以前、画像が上げた時に出ない時は拡張子が大文字だったことでないと言う理由がありましたが、余白がずれることもそのような理由というものはあるのでしょうか。 作っているソフトやブラウザは出しましたが、他にこの答えに関する情報を出せそうなら出したいと思うのでそちらもご指摘お願いいたします。 それではよろしくお願いいたします。

  • 妙な余白が・・・。

    PC初心者ですが、HP作りに挑戦し、ようやく公開に踏みきりました。 ですが、ちょっと気になっていることがあります。 TOPページで、サイト説明のような文章を載せ、 その下にテーブルで、メニュー(?)を載せているのですが、 文章とテーブルの間に妙な余白があるんです。 これはなんとか無くせないものでしょうか? HP作成ソフトは使っていません。 わかりにくい質問かもしれませんが、どなたか教えてください。

    • ベストアンサー
    • HTML