• ベストアンサー

ホームページ作成中。上にある余白をなくすには。

お世話になります。 タグの指定方法を教えてください。 表に文字などをレイアウトして配置しようとしています。フレームを使いたいので、表自体がそのページの一番上にくっついた状態・・にしたいのですが、そのままだと上に余白があって表が始まる・・ような感じになってしまいます。 この余白を消して、ページの上（画面上部という意味です）から表を表示させる方法を教えてください。

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

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

> 表に文字などをレイアウトして配置しようとしています。 との事なのでテーブルレイアウトをされているのですね。 個人的にはCSSがオススメですが、例えばbodyタグに <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> 上余白だけの場合は <body topmargin="0" marginheight="0"> と表記すれば余白ゼロになります。 「0」の数値を変えれば指定したpx数だけ余白をとることができます。 ブラウザ独自のものになるのでtopmargin="0" (bottommargin="0") marginheight="0"はセットだと考えていただいた方がいいと思います。 topmargin・・・上マージン(IE) leftmargin・・・左マージン(IE) bottommargin・・・下マージン(IE) rightmargin・・・右マージン(IE) marginheight・・・上下マージン(NN) marginwidth・・・左右マージン(NN) CSSの場合は <head>～</head>内に <style type="text/css"> <!-- body { margin: 0px; } --> </style> と記述すれば余白は消えます。

参考URL：
http://www.tagindex.com/html_tag/page/body_margin.html,http://allabout.co.jp/computer/hpcreate/closeup/CU20030529A/
quruly
質問者

お礼

ご回答ありがとうございました。 教えていただいたサイトも大変参考になりました。 また別件で質問を出しているので、お世話になるかもしれないですがよろしくお願いします。

その他の回答 (2)

  • sr-agent
  • ベストアンサー率43% (594/1373)
回答No.2

もし、スタイルシートを使うことが可能ならば、 body { margin: 0% 10% 3% 10% } と上側のマージンを０％などに指定されてはどうでしょうか？ （上記の場合、上マージン、右マージン、下マージン、左マージンの順に一括で指定しています。） また、上のマージンのみならmargin-top:0% という指定のしかたでもよいと思います。 参考にならなかったらスミマセン。

  • keydaimon
  • ベストアンサー率28% (80/285)
回答No.1

表のタグが<p></p>や<div></div>などのタグで囲まれているのであれば、速攻消しましょう。 それでもだめであれば、 ソースをそこの部分だけ教えてください。

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

関連するQ&A

  • webページの上余白をなくす方法

    お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 １．<body topmargin="0" marginheight="0"> この方法と、 ２．スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この２つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。

  • ホームページビルダーでの表内部の余白設定について

    ホームページビルダーでの表内部の余白設定について 現在、ホームぺービルダー14を使ってホームページの作成をしています。表を用いたレイアウトにしているのですが、表内部の余白を設定する段階で、上手く設定できずに困っています。 ホームページビルダーでページや表の余白を設定するには、スタイルシートでパディングとマージンを0にするという情報を参考にして、ページとテーブル(表)の余白設定はできているのですが、セル(表内部)の余白設定がどうもうまくいきません…。スタイルシートでは、BODY、TABLE、TD、いずれも4方向余白ゼロに設定しており、ビルダーのプレデュー画面でもそれらの設定がちゃんと反映されています。 しかし、FireFoxやIEなどのブラウザで閲覧すると、なぜか表内部だけ余白が出てしまっています。 表内部の最上部に置いているのがFLASH素材であるため、当初はそれが原因だと考えていたのですが、試しに素材の上にテキストを入れてみたところ、やはりビルダーでは余白ゼロ(パディング、マージン0%)が反映されているにも関わらず、ブラウザでは表内部の上部に余白がでていました。尚、表内部の左右の余白は、ちゃんとゼロになっていました。 皆様のお力添えを宜しくお願い申し上げます。

  • Iフレームを置いているページの上部の余白を消したい

    文字や、テーブルで囲まれたものを 余白を消して上部に持って行く事はできるのですが Iフレームを置いているページの上部の余白を消せなくて困ってます どうすればいいのでしょうか？

    • ベストアンサー
    • HTML
  • テーブル内の文章に余白をつける

    ホームぺージビルダー12を使用しています。 スタイルシートマネジャーを使って、表の中の文字に対して余白をつくろうとしています。 ＴＤのタグ指定して４方向にパディングをいれると、文字の余白が作られません。どこのタグを指定すると文字に対しての余白が作られるようになるのでしょうか？ 教えてください！

  • relativeでtop:0pxで配置したのですが、どうしても上に余白ができます。

    cssでレイアウトをしていますが、bodyの上にブロックをひとつrelativeでtop:0pxで配置したのですが、どうしても上に余白ができます。 absoluteなら余白はできませんが、中央に配置する方法がわかりません。 よろしくお願い致します。

  • ページ下部に大きな余白が…

    恐れ入ります。 ぜひ教えて下さい…m(_ _)m ホームページビルダー７を使っています。 ページ編集画面では問題ないのですが、 プレビューすると、いちばん下に大きな余白ができてしまいます。 解消する方法があれば、どなたかご教授いただけます でしょうか？ 横に２分割した表（大）の中にすべての表、文字や イメージを入れて作っています。 左側にはさらに表を一つ入れてその中に文章、 右側には縦に表を３つほど入れて、そのいちばん下の ものの中に文章（小さい文字サイズで）をたくさん 打ち込んでいます。 その文字サイズと改行などのせいか表（大）の左側の 文章がかなり上の方で終わって、かなり空白ができる 状態でやっと、プレビュー画面で見て右側と左側の バランスがちょうど良くなります。 問題の、ホームページ自体の一番下にできる大きな 余白は、そのページ編集画面での左右のアンバランス さと、似たような高さのような気もするのですが、 属性変更の“セル”や“表”の高さの数値を変えて も、マウスでドラッグしてそれぞれの表のサイズを変えようとしても、大きな余白は消えません。 それどころか、あんまりいじると、今度は大きな余白が消えて、表（大）の中に大きな余白ができてしまいます。 どなたか解決方法をご存知の方、何卒アドバイスの程、よろしくお願い致します。

  • <base>タグで余白はできるのか？

    ある外注さんから、 「ページの上部と左側に余白ができてしまうのは、 <base>タグが指定されているから」 と言われました。 でも、そんな話聞いたことがありません。 現に同じページが上がっていますが、 余白なんてできていません。 別な箇所を修正してほしくてお願いしたのですが、 デモ版が上がってきて見たら、 上部と左側に余白ができていました。 で、前述の回答をされたわけです。 <body>タグに<topmargin="0" leftmargin="0"～>と 記述すれば問題はないと思いますが、 記述していなくても現ページはズレていないので、 問題はないと思っています。 みなさんのご意見聞かせてください。 こういったズレの原因は大体何が原因だと考えますか？ また、対処法があれば併せて教えてください。。 よろしくお願いします。。。

    • ベストアンサー
    • HTML
  • WORD2007での改行と余白

    紙を縦置きにした状態で文章は横書きにしたいです。 横２０文字で改行されるにはどのような設定をしたら良いでしょうか？ ページレイアウトの文字数を指定するで20文字にしたところ画面の横いっぱいで２０文字になってしまい見づらいです。 余白設定でなおるかとも思いましたが、確か前のバージョンにあったプレビュー画面で余白を設定する際に使っていた線をドラッグして簡単に余白を設定できる機能がみあたりません。 WORD2007にはついていないのでしょうか？ 広報誌に載せる原稿をお願いしたところ、指定の用紙に書いていないものが多く、２０文字で改行したいのですがいちいち数えながらやるのも量が多いので途方にくれています。 とにかく入力さえしていけば自動に２０文字で改行されるようにするにはどうしたら良いでしょうか？ 教えてください。 お願いします。

  • 余白をなくしたい。

    旅のしおりを作成しようとしています。 現在エクセルを使って作成しています。 わからない事は、Ａ４の白い紙にいろんな柄を入れてその上に文字を入力をしたいです。柄を入れる事はページレイアウトを使っていけば出来そうなのですが余白がどうしても出来てしまいます。私はこの余白をなくしたいのですがやり方がわかりません。宜しくお願い致します。

  • フレームの両サイドに余白をつけたい

    HTML初心者です。メモ帳で作っています。 ｜　　　フレームＡ　　　｜ ｜＿＿＿＿＿＿＿＿＿＿＿｜ ｜　　　　　｜　　　　　｜ ｜フレームＢ｜フレームＣ｜ この様にフレーム３つで作っているのですが、 ある程度画面サイズが違ってもデザインが狂わないように、下のように余白を設け、その余白が画面サイズの違いを吸収するようにしたいのですが。 　　｜　　　フレームＡ　　　｜ 　　｜＿＿＿＿＿＿＿＿＿＿＿｜ 余白｜　　　　　｜　　　　　｜余白 　　｜フレームＢ｜フレームＣ｜ どのようなタグを書けばよいのでしょうか？ フレームの両サイドに余白ってできるのですか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する