プロが教える店舗＆オフィスのセキュリティ対策術

背景画像をブラウザ上部に隙間なく張る

解決済

  • 質問者：yasu
  • 質問日時：
  • 回答数：3件

HTML タグだと思うのですが、たとえば88×38 の画像を
ブラウザ画面上部に隙間をあかないように貼るにはどうしたらいいのでしょうか。
例えば以下のように、

<TABLE border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#63cf63" background="gif/line.gif">

とかやると、いっけん、きっちり貼れているように
見えるのですが、リロードしたり、リンクからページを
たどったりすると、時々画面右側が丁度スクロールバー
ぶんくらいのスペースが空いてしまい、白く抜けて
しまいます。
非常に見苦しいので、なんとかしたいです。。。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.2ベストアンサー

こんにちは。


いくつか方法あると思いますが、一番簡単なのは、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』に。

ただ、使い方や、ブラウザによってはスタイルシートの機能が使えなかったり、使えても、ユーザ側で使用しない、にチェックしてるとだめなので、微妙・・・・かな。

スタイルシートの詳しい解説については、以下を参照ください。

参考URL：http://www.zspc.com/stylesheets/
    • good
    • 0
    • 件
通報する
この回答へのお礼

さっそくやってみたら、実にすっきりとできました。
１ヶ月くらい悩んでいた問題なので、感謝感激です。
２０ポイントくらいしか差し上げられないのが
残念です。
回答誠にありがとうございました。

通報する
お礼日時：2002/04/11 13:11

No.3

<BODY bgcolor="#63cf63" background="gif/line.gif">


これじゃダメ？
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
上記の方法はやってみたのですが、少なくとも私の環境下
ではだめだったのです。。。

通報する
お礼日時：2002/04/12 15:38

No.1

こんばんは。


テーブルはどうも若干隙間が出ちゃったりしますよね。
じゃ、フレームで切っちゃうのはどうですか？
これなら隙間は空かないと思います。
何かもっとまともな方法もありそうですが....
単に思いつきです。
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答ありがとうございます。
フレームの方法は最後の最後の手段で考えていました。
他に方法はないものかと探っていたのですが・・・・
やはり手はそうそう残されていないようです。
アドバイス感謝です。

通報する
お礼日時：2002/04/11 13:03

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報