よろしくお願いします。
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>
以下内容－－－－
投稿日時 - 2002-09-05 06:13:47
0人が「このQ&Aが役に立った」と投票しています
回答（4件中 1～4件目)
あの空白は縦スクロールバー分の余白です。
あれには頭を悩まされるところですが、そういう仕様なので仕方がない、としかいえません。
解決するにはkyeongilさんの方法をとるか、無理やり縦に長いページを作り、スクロールバーを出現させるしかありません。
kyeongilさんの方法の補足ですが、幅１pxの画像がたくさん並んでしまうと読み込みに時間がかかってしまいます。横幅は30pxくらいがいいのではないでしょうか？それと一番下の部分ですが、黒い部分は必要ないかもしれません。
まず、高さ 100px 色:ff6600→高さ 100px 色:00ccffと縦に並べ、高さ200px幅30px(程度)の画像を作成します。
次に<head>でスタイルシートで背景画像を定義します。
<style type="text/css">
<!--
body { background-image: url(画像名); background-repeat: repeat-x}
-->
</style>
あとは<body>で背景色を黒に設定すれば完了です。
これなら黒の部分の画像も必要ありませんし縦に長い画像を作らなくてもいいと思います。
投稿日時 - 2002-10-09 13:20:02
掲載なさったソースを試してみたのですが、Netscape4だと確かに右に隙間ができますね…で、気になって自分なりにソースをいじってみたのですが…ダメでした。ですが、背景画像として表示させることで、苦しまぎれですが実現可能です。
●まず、お絵かきソフトで以下のような極端に縦長のgif画像を作成します。
幅1px
┌┐
││
││高さ 100px 色:ff6600
││
├┤
││
││高さ 100px 色:00ccff
││
├┤
││
││高さ2000px 色:000000
～～
└┘
※一番下の「高さ2000px」は一例です。画像全体の高さがブラウザの表示内容よりも縦長になるようにして下さい。
●あとは、その画像を背景として表示させればＯＫです。
<body>タグ内で画像ファイル名を指定して下さい。
（例）<body background="haikei.gif">
元は幅1pxですが、背景画像は繰り返し表示となるため、お望みの結果が得られます。
他に方法が無ければ、試してみて下さい。
投稿日時 - 2002-09-06 03:18:12
お礼
ご教示ありがとうございます。
ほかに方法がなければ試してみます！
投稿日時 - 2002-09-10 13:18:10
OKWaveのオススメ
おすすめリンク
