- ベストアンサー
背景画像をブラウザ上部に隙間なく張る
HTML タグだと思うのですが、たとえば88×38 の画像を ブラウザ画面上部に隙間をあかないように貼るにはどうしたらいいのでしょうか。 例えば以下のように、 <TABLE border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#63cf63" background="gif/line.gif"> とかやると、いっけん、きっちり貼れているように 見えるのですが、リロードしたり、リンクからページを たどったりすると、時々画面右側が丁度スクロールバー ぶんくらいのスペースが空いてしまい、白く抜けて しまいます。 非常に見苦しいので、なんとかしたいです。。。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは。 いくつか方法あると思いますが、一番簡単なのは、88*38の画像の高さを3000くらいにして、余白をとった画像にしちゃって、<BODY>タグに背景指定する方法かな、と思います。 高さは、縦スクロールが最大に出た場合のページの高さ以上、が目安です（大抵、3000もあれば、事足ります）。 あとは、スタイルシートを使用する、という方法です。 横にだけ繰り返す、縦にだけ繰り返す、など指定できます。 横にだけ繰り返したいのであれば、 <HTML> <HEAD> <TITLE>タイトル</TITLE> <STYLE type="text/css"> <!-- BODY { background: white url(画像URL); background-repeat: repeat-x } --> </STYLE> </HEAD> <BODY> ..... というような感じで、スタイルシートを<HEAD>タグ内に記述します。 『repeat-x』とすると背景画像を横に１列だけ表示できます。縦なら、『repeat-y』に。 ただ、使い方や、ブラウザによってはスタイルシートの機能が使えなかったり、使えても、ユーザ側で使用しない、にチェックしてるとだめなので、微妙・・・・かな。 スタイルシートの詳しい解説については、以下を参照ください。
その他の回答 (2)
- gakushaneko
- ベストアンサー率68% (2350/3407)
<BODY bgcolor="#63cf63" background="gif/line.gif"> これじゃダメ？
お礼
回答ありがとうございます。 上記の方法はやってみたのですが、少なくとも私の環境下 ではだめだったのです。。。
こんばんは。 テーブルはどうも若干隙間が出ちゃったりしますよね。 じゃ、フレームで切っちゃうのはどうですか？ これなら隙間は空かないと思います。 何かもっとまともな方法もありそうですが.... 単に思いつきです。
お礼
回答ありがとうございます。 フレームの方法は最後の最後の手段で考えていました。 他に方法はないものかと探っていたのですが・・・・ やはり手はそうそう残されていないようです。 アドバイス感謝です。
お礼
さっそくやってみたら、実にすっきりとできました。 １ヶ月くらい悩んでいた問題なので、感謝感激です。 ２０ポイントくらいしか差し上げられないのが 残念です。 回答誠にありがとうございました。