• ベストアンサー

隙間のないページ

ttp://www.jfcr.or.jp/ 今HPを作っているのですがどうすれば 上記のページのように上と左の隙間を空けない ページが作れず隙間が開いてしまいます どうすれば隙間のないページを作ることが出来るのでしょうか?多分CSSだと思うのですがどうしても 分かりません。。 どなたか詳しい方いましたら教えてください<(_ _)>

  • HTML
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
  • 961053
  • ベストアンサー率27% (3/11)
回答No.2

そうですね。sanjihhhhさんがおっしゃるような方法もあります。 なので、私は違う方法を。スタイルシートを使って <body style="margin:0px; padding:0px;">と記述すればいけるはずです。 (左と上だけなら、margin:0px; padding:0px; を margin-top:0px; margin-left:0px; とすればいいです。) padding:0px; は「opera」というブラウザではこれを指定していないと隙間ができてしまうためです。(IE や firefox ではなくても大丈夫ですよ!) HP作成がんばってください♪

その他の回答 (2)

  • ttyp03
  • ベストアンサー率28% (277/960)
回答No.3

BODYタグで topmargin(上下)と leftmargin(左右)の指定が出来ます。 http://www.tohoho-web.com/html/body.htm CSSではBODYタグに margin:0 を指定することで実現できます。 またCSSでは上下左右 別々に指定することもできます。 http://www.tohoho-web.com/css/reference.htm#margin2

hirofuji
質問者

お礼

皆様、ご回答本当に有難う御座います! おかげで長年の疑問が解決しました!<(_ _)> HP作成頑張りたいと思います^^

  • sanjihhhh
  • ベストアンサー率45% (134/295)
回答No.1

bodyに leftmargin="0" topmargin="0" を加えてあります。 (左と、上の隙間を0と指定してあります) http://www.tagindex.com/stylesheet/page/margin.html

関連するQ&A

  • PHPでフォームを作ってますが、確認画面でページ上部に空白が出来るのですが。

    個人でHPを作成しているものです。 PHPでコンタクトフォームを作っています。エンコードはutf-8です。確認の画面に進むと、ページの一番上に隙間(ブランク)がでてしまいます。更に、中央寄せになっているコンテンツが、左揃えになってしまいます。 ちなみに、レイアウトはCSSで組みました。 なぜ、隙間がでてしまうのか、左に移動するのか、わかりません。CSSのリンクのパスは間違っていません。どなたか、専門的な知識をお持ちの方、ご教授願います。よろしくお願いいたします。

    • 締切済み
    • PHP
  • 上下のBOXの隙間を取り除きたい

    現在外部CSSでHPを作っています。 ブラウザはIE6で、Dreamweaver4を使っています。 http://okwave.jp/qa3346133.html 上記で最初の質問をさせていただきました。 最初の質問とはタイトルが違うのですが、 解決していきつつ他の問題が出てきてしまったので 新規で再度質問をさせていただいています。 ページ内にエクセルの表のようなものを作りたいと思っています。 セルで例えて説明しますと、 A1にタイトル・B1に本文、A2にタイトル・B2に本文と繰り返し、 数十行の表を作ろうと思っています。 最初はAとBの高さもバラバラだったのですが、 何度もアドバイスをいただきABに入れる文言の文字数が違っても高さはあうようになりました。 ですが、A1B1とA2B2の間に16pxの隙間ができてしまい、ぴったり合わないのです。 左右上下ともに隙間がないものが理想です。 その隙間はどのようにして取り除けば良いですか? どうか皆さまのお力をお貸しください。 よろしくお願いいたします。

  • フレームページのリンクについて

    左右のフレームページがあるHPをCSSで作っています。 左のページにリンクがあり、新しいページが立ち上がる仕様です。 ところが最近左ページのみお気にいりに入れて訪問されている方がいることに気がつきました。 確かにそれで作品のあるページは表示されるのですが、右ページに随時付けている説明文も一緒に見てほしいのです。 左右のページが同時に出ていないとリンク先が見られなくなるような(リンクが繋がらないような)そんな方法はありますでしょうか。 今はリンク先が「target="new"」で新しいページとして出るようにしていますが、新しいページへのリンクは独立して働いてしまったりして無理でしょうか? 上記の希望に上手く適用できるのであれば「target="contents"」などでリンク先をページ内に出るようにしてもいいと考えています。 説明が上手く出来ずに恐縮ですが、タグやCSSはある程度(素人なりにですが)理解できます。 なにかヒントになるURLやご提案を(不可能であるというご意見でも)いただければ幸いです。 どうぞよろしくお願いします。

  • 表を複数置いたときのすきま

    ホームページビルダーでHPを作成しているものです。 外部CSSでレイアウトを指定しているのですが、 表を複数つなげているとき(結合ではなく、2段3段…のこと)、 表の1段目と2段目の間に白い隙間ができすのですが、 これを無くしたい場合(0px)はどうしたらよいでしょうか。 □ □ ↑の様な隙間(□と□の間の部分)をCSSの指定でなくしたいです。 分かる方がいましたら教えてください。。

  • ページの切り替わり?

    HPを作成しています。 よく見かけるやり方なのですが、ページの切り替わり方が、右や左ににスライドして変わるのがありますよね? そのやり方を知りたいです。 私の説明じゃ分かりづらいですよね。 素材屋さんのHPなのですが、そちらで使われています。 http://powder.lolipop.jp/ 分かる方がいましたら教えてくださいお願いします!

  • 管理人にメールページ

    管理人にメールページを http://www11.plala.or.jp/koma_Excel/mail.html こんな感じで作りたいのですが 私の知識はhtmlとcssしかありません。 ほかに何の知識があれば作成できますか?

    • ベストアンサー
    • HTML
  • DreamweaverMXで隙間をなくす方法

    現在dreamweaverMXでHpを製作しており、どうしてもページの一番上にある画像のその上の隙間を消す方法がわかりません。 画像を上部にピタっと貼り付けたいのです。 本屋でみた解説書によるとdivタグをheaderにかえてどうたらとかかいてあり、試してみたのですがどうにもうまくいきません。 自己満足の問題なのでこれができないとHPが公開できないとかではないのですが前からどうしても解消したい問題の1つでもあります。 どうがご教授ください、よろしくおねがいしますm(_ _)m

    • ベストアンサー
    • CSS
  • 貧相なページをキレイなデザインにしたいです!

    とりあえずCSSを使用したページを作りました。 XHTMLや基本的なCSSの知識はありますが、デザイン心がまったくありません。 http://designcss.masa-mune.jp/css.html メニューや背景に画像を指定して見栄えの良いページにしたいです。 デザインのテクニックやサンプル(ソース)が豊富に紹介されている書籍を教えて下さい。 経験のある方なら上記のアドレスを見て、何が足りないかすぐに分かると思いますので、 こんな本を読んだら良いよ、というアドバイスでも頂きたいと思います。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • 上に隙間の無いサイトを作りたい

    http://www.hot-dining.com/ のように、 上下に隙間のないテーブルを作成したいのですが 作り方が分かりません。。 ホームページビルダーでHPを作成しているのですが、 何か特別な記述やタグが必要なのでしょうか。 ビルダーで作ると上に隙間が出来て格好わるいです。 http://www.internetmarketing.jp/index.html このサイトのように横に線を入れたりしたいので、 もしよろしければ横に線を入れる方法も教えてください。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ulでの段組の際の隙間

    お世話になります。 現在CSSで段組を行っているのですが、リスト(ul)で画像を縦に並べてメニューを作成しようと思っています。 liにはheightやmarginやpaddingなどをきちんと隙間なく並べるように書いて、imgにはvertical-align:bottom;を設定しています。 それでも、IE6.0で見たときどうしても1pxの隙間ができてしまうのです。 どうしてだろうと思い、画像の高さが25pxのものを作成し、liのheightに25pxを設定して(他は上記のCSSでいじらずに)表示すると、きちんと隙間ができずに表示されました。 隙間ができてしまうときのメニュー画像は高さ15pxのものを使用していて、liのheightを15pxと設定していました。 今までCSSで組んだときはきちんと隙間があくことなく表示できたのですが、今回だけどうしても隙間があいてしまいます。 メニューのリストで、使用する画像は小さいときは隙間があいてしまう、というようなバグがIEにあるのでしょうか。 もしそれがバグの場合は一言お教えいただけないでしょうか。 解決方法がなければしょうがないのでテーブルを使用しようと思います。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう