- ベストアンサー
余白0でできる右側の隙間
はじめて質問させて頂きます。 現在作成中のホームページなんですが、 BODYのeftmargin,topmargin,marginwidth,marginheightの数値をそれぞれ0に設定し、背景色を白にしそこへ幅100％背景色赤の表を挿入しました。 普通マージンの設定が0になっているのです、表の左右に余白は出来ないと思うのですが、右側に余白が出来てしまいます。 ブラウザの更新で読み直すと隙間が消えるのですが、同じ設定の別のページを表示させると、また同じように余白ができます。 これは仕方がないことなのでしょうか？ なにか解決方法をご存知の方、よろしくお願いします。
- pnopi
- お礼率60% (3/5)
- HTML
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
ネットスケープの場合、6以上であれば可能ですね。 4.7ｘですと指定していないのと変わりません。
その他の回答 (4)
- uduki4
- ベストアンサー率42% (69/163)
すいませんが、この質問を最初に調べましたか。 この質問は前にも答えた事があります。 でも私もよく質問をしますから、 そのページにも書いてあることですけど、参考になれば書いておきます。 <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <body leftmargin="Ｘ" topmargin="Ｘ"> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>ここに内容を描く </td> </tr> </TABLE> </BODY> </HTML> </BODY> </HTML> えーとこうなります。 表の背景色は、設定は分りますか。 これは、まあ、IE・NEでも大丈夫です。 えーとまあ、簡単な解説を、 <body leftmargin="Ｘ" topmargin="Ｘ">で、 Ｘのところに、０と書いておけばいいんです。当然、開けたいのであれば、いくつ開けるかを考えて、数値を入れればいい事ですし、 これだと、どのブラウザーでみてもいいんです。 leftmarginは、横 topmarginは、縦のスペースを制御するものですから、 テーブルの入れるとテーブル内の制御をする事になります。 当然、ＢＯＯＹタグの中に入れれば、ＢＯＯＹタグの中の制御をする事とあります。無論％も出来ますから、何ら問題はないのです。 いいホームページが出来ます事を祈って。
お礼
すみません、キーワード検索したのですが見つけることが出来ませんでした。 タグはuduki4さんが書いてくださった内容と同じだったのですが 右側に余白が出来てしまう（更新ボタンをクリックすると余白はなくなる）ので相談した次第です。 説明不足で、お手間と取らせてしまいました申し訳ありません。 ありがとうございました。
- Pagan
- ベストアンサー率70% (101/143)
leftmarginを指定するとIE2以上で左右のマージンを一括指定できるらしいです。 http://tohoho.wakusei.ne.jp/html/body.htmをご参照ください。
お礼
そうなんですよね、leftmarginを指定してれば右側の余白もなくなるはずなんですが・・・ 試した結果 <body>のマージンの指定のみ → 右側に余白ができる。 スタイルシートの指定のみ → 指定ナシの状態で表示される。 <body>のマージンとスタイルシート → 余白なしで表示される。 ・・・という結果になりました。 結局、右側の余白の原因はよく分かりませんでしたが <body>でのマージン指定とスタイルシートで解決しました。 ありがとうございます。
- lmeelm
- ベストアンサー率52% (18/34)
NNも対象にお考えですか？IEのみでよければ、 <HTML> <HEAD> <STYLE type="text/css"> <!-- BODY{margin:0;} --> </STYLE> </HEAD> <BODY> <TABLE border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="red"> <TR> <TD> </TD> </TR> </BODY> </HTML> だけで平気と思いますが・・・・
補足
スタイルシートを使う方法もありますね。 HTMLでしか考えていませんでした。 ネットスケープではこのスタイルシートは無理なのでしょうか？
- Pagan
- ベストアンサー率70% (101/143)
>BODYのeftmargin,topmargin,marginwidth,marginheightの数値をそれぞれ0に設定し rightmarginとleftmarginは設定していますか？
- 参考URL：
- http://www.google.com/search?hl=ja&inlang=ja&ie=Shift_JIS&q=leftmargin+rightmargin+body&lr=lang_ja
補足
eftmarginはleftmarginのつもりでした。 rightmarginというのもあったんですね。お恥ずかしい。。。 あるホームページでは４つのマージンの指定で余白ナシで表示されていたのですが・・・何が違うんでしょう。
関連するQ&A
- webページの上余白をなくす方法
お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 １．<body topmargin="0" marginheight="0"> この方法と、 ２．スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この２つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- フレームページの隙間
フレームページを作ったのですが、フレームの間の隙間をなくしたのですがどのようになくすのか解りません。どうか教えて頂けないでしょうか。お願します。 実際のソースコート <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows"> <TITLE>もっくもっく</TITLE> </HEAD> <FRAMESET rows="155,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 上のフレーム --> <FRAME src="osawa1.html" name="1" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <FRAMESET cols="700,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 左のフレーム --> <FRAME src="osawa2.html" name="2" scrolling="auto" noresize mtopmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <!-- 右のフレーム --> <FRAME src="osawa3.html" name="3" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> </FRAMESET> <NOFRAMES> <BODY topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">フレーム対応ブラウザでご覧ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>
- 締切済み
- HTML
- ネスケでの右余白
よろしくお願いします。 IEだと隙間なく表示されるのですが、ネスケだと右余白が空いてしまいます。 (デフォルトでスクロールバーの領域なのでしょうか…?) 隙間なく表示するようにするにはどうしたらよいでしょうか? <body style="margin:0" bgcolor="#000000" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width=100% cellpadding=0 cellspacing=0 border=0 height=100> <tr height=50> <td bgcolor=#ff6600> </td> </tr> <tr height=50> <td bgcolor=#00ccff> </td> </tr> </table> 以下内容－－－－
- 締切済み
- CSS
- 画面下にバーをいっぱいに表示する
画面の上部については、余白なく <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> で表示できたのですが、 以下のサイトのように http://www.aimix.jp/bodymag.html 画面一番下も色塗りバーでいっぱい表示する場合にはどのようにすれば宜しいのでしょうか？
- ベストアンサー
- HTML
- NN4.xで右と下の余白をなくす方法
BODYのマージンを0、テーブルのWIDTHとHEIGHTを100%で 指定しても、NN4.7だとウィンドウの右と下部分に 余白ができてしまいます。 IEで表示させると、きちんと表示されるのですが。。。 例えば、 <BODY BGCOLOR="#FFFFFF" TEXT="#000000" MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0"> <TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD BGCOLOR="#000000"><IMG SRC="spacer.gif" WIDTH="100% HEIGHT="100%"></TD> </TR> </TABLE> </BODY> こんなソースにしたら真っ黒表示になると思うのですが NN4.7だと右と下に白い余白が…。 # ちなみにspacer.gifは透過画像です。 過去ログで同様の質問があったのですが、 そのときの方はBODYの指定と同様にスタイルシートにも BODY{margin : 0;} の指定をしたらうまくいったそうです。 私もやってみましたが、同じでした。 下記サイトは、NN4.7で見てもきちんと右と下の余白が 無く、キレイに表示されているので、できないことは ないと思うのですが、お手上げです。。。 どなたかご教授お願いいたします。 http://www.living-plus.jp/
- ベストアンサー
- HTML
- dreamweaverのHTMLと他のマージン設定の違い？
はじめまして。 現在、dreamweaverを使いホームページを作成しています。 他方、しっかりとした知識を身につけるため、HTMLを毎度確認しているのですが、さまざまなサイトとのHTML記述の微妙な違いが気になっています。 以下の違いを教えていただけないでしょうか？ dreamweaverでのマージン設定 『margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;』 他のサイトのマージン設定と思われる記述 『topmargin=0 leftmargin=0 marginheight=0 marginwidth=0』 『LEFTMARGIN=0 TOPMARGIN=0 MARGINwidth=0 MARGINheight="0" 』等 これらの違いはいったい何なんでしょうか？ 初心者なため見当違いな質問をしているかもしれませんがどうかよろしくお願いいたします。 また、dreamweaverだけで作成したサイトは「よくない」みたいな記述をたまに見かけますが、具体的にはどのようなことがあげられるのでしょうか？ どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- フレーム構造のページで左右上下の余白を0にしたいのですが、以下の何れの
フレーム構造のページで左右上下の余白を0にしたいのですが、以下の何れの方法でも ほとんど変化がありません。 １．<frame src="green.html" marginwidth="0" marginheight="0"> ２．<body style="margin:0px;padding:0px;"> ３．<style type="text/css"> <!-- body { margin:0px;padding:0px;} --> </style> 確実な方法を教えてください。 宜しくお願い致します。
- 締切済み
- CSS
- 『横』向き用紙の印刷の右側の余白をゼロにしたいのですが
XP、Excel。プリンタはEPSON PM-730c。住所・氏名とか、印刷枠が刷り込んである、B4『横』用紙にプリントしたいのです。[印刷プレビュー]-[設定]で左右の余白を０にし、[余白]で左右の線を移動させようとするのですが、画面に向かって右側だけが、あと10ミリ程を残して外側へ動きません（＝余白がゼロにならない）。上下・左側には動きます。用紙を『縦』にすれば上下・左右に外側ぎりぎり迄動きます。”用紙を『横』にしたとき、画面に向かって右側の余白をほぼ０にするには、どこの設定をどうすれば良いか”教えて下さい。
- 締切済み
- Windows XP
お礼
lmeelmさんの言われるとおりネットスケープでは指定ナシの状態で表示されました。 でも面白いことに・・・ <body>のマージンの指定のみ → 右側に余白ができる。 スタイルシートの指定のみ → 指定ナシの状態で表示される。 <body>のマージンとスタイルシート → 余白なしで表示される。 ・・・という結果になりました。 結局、右側の余白の原因はよく分かりませんでしたが <body>でのマージン指定とスタイルシートで解決しました。 ありがとうございます。