NN4.xで右と下の余白をなくす方法

2023/07/28 07:48

このQ&Aのポイント

NN4.xで右と下の余白をなくす方法について教えてください。
BODYのマージンを0、テーブルのWIDTHとHEIGHTを100%で指定しても、NN4.7だとウィンドウの右と下部分に余白ができてしまいます。IEで表示させると、きちんと表示されるのですが。
下記サイトは、NN4.7で見てもきちんと右と下の余白が無く、キレイに表示されているので、できないことはないと思うのですが、お手上げです。どなたかご教授お願いいたします。

ベストアンサー

NN4.xで右と下の余白をなくす方法

2003/10/05 17:02

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/

noname#19399

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

noname#107580

2003/10/06 00:34 回答No.1

こんにちは！ NN4.7でしたらスクロールバーのスペースを消すことは出来ないと思います。＞過去ログで同様の質問があったのですが、そのときの方はBODYの指定と同様にスタイルシートにも BODY{margin : 0;} の指定をしたらうまくいったそうです。私もやってみましたが、同じでした。 BODY{margin : 0;} はNN4.X には対応していないはずですので上手く行った事のほうがおかしいですね。参考サイトがきれいに表示されているように見えるのは縦に長くスクロールバーが出ているからです。 nyambeさんの記述されたソースの場合スペーサーが入っているだけで、そのスペーサーはブラウザの大きさに合わせて変化してしまいますのでスクロールバーのスペースが常に表示されてしまいます。ちなみにスペーサーの代わりに文字を縦に何列も長く挿入してみてください。きれいに表示されるはずです。ただ私はWebプログラミングのことを知り尽くしている訳ではありませんので、もしかすると私の知らない方法があるかもしれませんので、自身は『なし』にさせて頂きます・・。(;^_^A

質問者

お礼 2003/10/06 12:56

yayopixさん、解答ありがとうございます。 NN4.7ではスクロールバーのスペースは消せないんですね。試しに、スペーサーの高さを110%にしてみたところ、下の余白はもちろん、右側の余白も綺麗に消えました！今まで悩んでいたことがスッキリしました。ありがとうございました。

関連するQ&A

ネスケでの右余白
よろしくお願いします。 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
tableがずれる理由がわかりません
上のテーブルはずれないのですが同じレイアウトの下のテーブルはずれます。 widthの指定がききません。なぜでしょう？？前からこの現象はしていたのですが理由が知りたいです。 <table border="1" cellpadding="0" cellspacing="1"> <tr height="10" bgcolor="#cccccc"> <td width="50" bgcolor="#ffffff" colspan="5"><img src="../../img/spacer.gif" width="50" height="10"></td> </tr> <tr height="10" bgcolor="#cccccc"> <td width="30" bgcolor="#ffffff" colspan="3"><img src="../../img/spacer.gif" width="30" height="10"></td> <td width="20" colspan="2"><img src="../../img/spacer.gif" width="20" height="10"></td> </tr> <tr height="10" bgcolor="#cccccc"> <td width="10" bgcolor="#ffffff"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="40" colspan="4"><img src="../../img/spacer.gif" width="40" height="10"></td> </tr> <tr height="10" bgcolor="#cccccc"> <td width="10" bgcolor="#ffffff"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="10"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="10"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="10"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="10"><img src="../../img/spacer.gif" width="10" height="10"></td> </tr> </table> <br /> <br /> <table border="1" cellpadding="0" cellspacing="1"> <tr height="10" bgcolor="#cccccc"> <td width="50" bgcolor="#ffffff" colspan="5"><img src="../../img/spacer.gif" width="50" height="10"></td> </tr> <tr height="10" bgcolor="#cccccc"> <td width="30" bgcolor="#ffffff" colspan="3"><img src="../../img/spacer.gif" width="30" height="10"></td> <td width="20" colspan="2"><img src="../../img/spacer.gif" width="20" height="10"></td> </tr> <tr height="10" bgcolor="#cccccc"> <td width="10" bgcolor="#ffffff"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="40" colspan="4"><img src="../../img/spacer.gif" width="40" height="10"></td> </tr> <tr height="10" bgcolor="#cccccc"> <td width="10" bgcolor="#ffffff"><img src="../../img/spacer.gif" width="10" height="10"></td> <td width="40" colspan="4"><img src="../../img/spacer.gif" width="40" height="10"></td> </tr> </table>
- ベストアンサー
- その他([技術者向] コンピューター)
ドキュメントタグについて
下記のHTMLを開くと、赤のボックスと青のボックスを上下いっぱいに離して表示したいのですが、どうしてもくっついてしまいます。なぜでしょうか？って、実は、原因が解っているのですが、ドキュメントタグの "http://www.w3.org/TR/html4/loose.dtd" この部分を削除すると、うまくいきます。という事は、この部分がいらない？という事になるのですけど、削除しても、問題ないですか？誰か解る方、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>hatena</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FF0000"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table> </td> </tr> <tr> <td valign="bottom" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#0033FF"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
HTML：：テーブルのセルスペーシング、セルパディングについて
テーブルについてお聞きします。どうか助けてください。以下のようなソースがあります。 <table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#DED6BF"> <tr> <td><table width="600" border="0" cellpadding="3" cellspacing="1" bgcolor="#DED6BF"> <tr> <td width="150" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話開始時間</strong></font><img src="image/spacer.gif" width="136" height="1"></td> <td width="150" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話終了時間</strong></font><img src="image/spacer.gif" width="136" height="1"></td> <td width="100" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話先</strong></font><img src="image/spacer.gif" width="86" height="1"></td> <td width="100" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話時間</strong></font><img src="image/spacer.gif" width="86" height="1"></td> <td width="100" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>料金</strong></font><img src="image/spacer.gif" width="86" height="1"></td> </tr> </table></td> </tr> </table> 一番左のセル（通話開始時間）の幅は150で、そのセルに透明gifをいれて、テーブルがくずれないようにしています。その透明gifの長さは"136"です。なぜ透明gifの長さは136なのでしょうか？14を引く理由がわかりません。テーブルのcellpadding="3"とcellspacing="1"なので透明gifの長さは"143"なのではないでしょうか？
- 締切済み
- HTML
ＮＮ４．７８が途中までしか読み込まない
サイトの最終チェック用にＮＮ４．７８を使っています。それで、文法チェッカーでは１００点であるにも関らず、ＮＮでは見ると途中までしか読み込んでくれません。(正確には画面の上１/３くらいに押し込んで読み込まれている) <body> <div id="center"> <img src="gazou.jpe" height="200" width="200" alt="画像です"> <table width="200"><tr><td> コメント </td></tr></table> </div> </body> という感じのタグです。 <head>部分はmetaとスタイルシートの読み込みの記述くらいです。そして、何故か<body>(</body>は消さない)を消すと綺麗に表示されます。こうすると文法的には間違っていますが、ＩＥでもＮＮでも表示されるのでいいのですが、どうもしっくりこないので質問させていただきました。１）<body>を消す以外に解決策はないか？２）なぜ、見れなくなったのか？以上の二つの原因、どちらかでもご存知の方、いらっしゃいましたら、ご回答頂けると幸いです。
- ベストアンサー
- ブラウザ
HTMLチェックでこんな警告が出ます。
(1) <tr> <td bgcolor="#DA4600"> <table summary="0"　width="743" height="26" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <TABLE> に Mozilla または MSIE 用の属性 `HEIGHT` が指定されています。 (2) <td width="19" class="back1"><img src="img/common/spacer.gif" width="19" height="1"></td> <td width="741" valign="top" bgcolor="#FFFFFF"> <IMG> には ALT 属性が必要です。 HTMLチェッカーで文法をチェックするとこんな警告が出ます。どのように修正すれば良いでしょうか。よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
なぜか余白が…
スタイルシートでmarginを0pxに設定し、テーブルを幅100％、縦100％に設定したあとでjavascriptを設定すると、どうしても上部に余白が出来てしまいます。 javascriptを設定しないときは <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css">  </STYLE> </HEAD> <BODY bgcolor="#ffffff"> <TABLE border="1" width="100%" height="100%" bgcolor="#000000"> <TBODY><TR><TD></TD></TR></TBODY></TABLE> </BODY> </HTML> と正常なんですが、javascriptを設定すると、 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css">  </STYLE> <SCRIPT Language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <TABLE border="1" width="100%" height="100%" bgcolor="#000000"> <TBODY><TR> <TD></TD> </TR> </TBODY></TABLE> </BODY> </HTML> のようにどうしても上部に余白が出来てしまいます。このスクリプトを設定したときのみ、こうなるので非常に困っています。（ＨＰのデザイン上…）どなたか、よい方法がありましたら教えてください。m(__)m なお、スクリプトはアクセス解析です。当方はwindows98 ie5.5の環境で作成しています。 javascriptはこの場合はhtml内に組み込んでいますが、××.jsで呼び出しをかけています。よろしくお願いします！
- ベストアンサー
- HTML
テーブルタグの余白
テーブルタグを使ってHPのレイアウトを整えようと思っているのですが、セルの中に画像をいれるとどうしても下に余白ができてしまい困っています。対策方を教えて下さい。セルの大きさも画像の大きさにあわせています！！ <Table Border="0" CELLPADDING="0" WIDTH="146" HEIGHT="166" > <Tr> <Td ColSpan="3" WIDTH="146" HEIGHT="19"> <img src="画像"> </Td> </Tr> <Tr> <Td WIDTH="19" HEIGHT="128"> <img src="画像"> </Td> <Td WIDTH="108" HEIGHT="128"> aiueo </Td> <Td WIDTH="19" HEIGHT="128"> <img src="画像"> </Td> </Tr> <Tr> <Td ColSpan="3" WIDTH="146" HEIGHT="19"> <img src="画像"> </Td> </Tr> </Table>
- ベストアンサー
- Windows 95・98
添付のような飾り枠内に箇条書きを配したものを作ったところ、１行目が枠の
添付のような飾り枠内に箇条書きを配したものを作ったところ、１行目が枠の下端に近づくのですが、枠の内側に均等に余白を入れ、文章全体が中央に行くようにするにはどうしたらよいでしょうか。 <TABLE cellspacing="3" bgcolor="#dfe8bd"> <TBODY> <TR> <TD> <TABLE background="red.gif"> <TBODY> <TR> <TD></TD> <TD height="5"></TD> <TD></TD> </TR> <TR> <TD width="10"></TD> <TD align="center"> <TABLE bgcolor="#e1e9c2" width="100%" cellspacing="2"> <TBODY> <TR> <TD bgcolor="#e6ffe6" width="649" height="147"> <IMG src="tyoutin.gif" width="70" height="90" border="0" hspace="15" vspace="20" align="right"> <dl> <DD>日付　○○○○○○○○○○○○○○○<br><br> <DD>日付　○○○○○○○○○○○○○○○<br><br> <DD>日付　○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○ </dl> </TD> </TR> </TBODY> </TABLE> </TD> <TD width="10"></TD> </TR> <TR> <TD></TD> <TD height="5"></TD> <TD></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE></center>
- ベストアンサー
- レンタルサーバ・ASP
テーブルの縦が縮まらない
質問させて下さい。テーブルで表を作ったのですが、縦幅が縮まらなく困っています。具体的には、セル内の余白を５ピクセルにしているのですがテキストとセルの境界線の縦の距離が何倍も開いてしまいます。ソース↓ （ボディ内はこれで全てです。テキストを変えただけです。　使用ソフトはドリームウィーバー８） --------------------------------------------------------- <table width="490" height="395" cellpadding="0" cellspacing="0" bgcolor="#666666"> <tr> <td width="490" height="393"> <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="1"> <tr> <td width="121" height="35" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td width="344" height="35" align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> <tr> <td height="22" align="center" valign="middle" bgcolor="#FFCCFF"><font color="#333333" size="2">ああああ</font></td> <td align="left" valign="middle" bgcolor="#FFFFFF"><font color="#333333" size="2">あああああああああ</font></td> </tr> </table> </td> </tr> </table> --------------------------------------------------------- 試したこと：各セルの縦幅を揃えて指定してみる。指定を全て　　　　　　外してから、再度調節してみる。セル内のテキスト　　　　　　表示位置を上位置に設定してみるなどです。。。どこかすごい見落としをしているのでしょうか。よろしくお願いします。
- ベストアンサー
- HTML