- 締切済み
ネスケでの右余白
よろしくお願いします。 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> 以下内容----
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- rimuse
- ベストアンサー率36% (21/58)
あの空白は縦スクロールバー分の余白です。 あれには頭を悩まされるところですが、そういう仕様なので仕方がない、としかいえません。 解決するにはkyeongilさんの方法をとるか、無理やり縦に長いページを作り、スクロールバーを出現させるしかありません。 kyeongilさんの方法の補足ですが、幅1pxの画像がたくさん並んでしまうと読み込みに時間がかかってしまいます。横幅は30pxくらいがいいのではないでしょうか?それと一番下の部分ですが、黒い部分は必要ないかもしれません。 まず、高さ 100px 色:ff6600→高さ 100px 色:00ccffと縦に並べ、高さ200px幅30px(程度)の画像を作成します。 次に<head>でスタイルシートで背景画像を定義します。 <style type="text/css"> <!-- body { background-image: url(画像名); background-repeat: repeat-x} --> </style> あとは<body>で背景色を黒に設定すれば完了です。 これなら黒の部分の画像も必要ありませんし縦に長い画像を作らなくてもいいと思います。
- jakarta
- ベストアンサー率38% (607/1597)
スクロールバーの表示領域の余白ができる問題ですね。 背景をいれるか、フレームを使うことで余白をなくすことが可能です。
掲載なさったソースを試してみたのですが、Netscape4だと確かに右に隙間ができますね…で、気になって自分なりにソースをいじってみたのですが…ダメでした。ですが、背景画像として表示させることで、苦しまぎれですが実現可能です。 ●まず、お絵かきソフトで以下のような極端に縦長のgif画像を作成します。 幅1px ┌┐ ││ ││高さ 100px 色:ff6600 ││ ├┤ ││ ││高さ 100px 色:00ccff ││ ├┤ ││ ││高さ2000px 色:000000 ~~ └┘ ※一番下の「高さ2000px」は一例です。画像全体の高さがブラウザの表示内容よりも縦長になるようにして下さい。 ●あとは、その画像を背景として表示させればOKです。 <body>タグ内で画像ファイル名を指定して下さい。 (例)<body background="haikei.gif"> 元は幅1pxですが、背景画像は繰り返し表示となるため、お望みの結果が得られます。 他に方法が無ければ、試してみて下さい。
お礼
ご教示ありがとうございます。 ほかに方法がなければ試してみます!
- ittochan
- ベストアンサー率64% (2667/4137)
>ネスケだと右余白が空いてしまいます。 Netscape7.0では隙間がないようですよ。
お礼
ネスケ6だと余白はないのですね。 ありがとうございます。
補足
回答ありがとうございます。 もう少し具体的に方法を教えていただけませんか? よろしくお願いいたします。