WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:背景の縦スクロールについて

0:[投稿] 2m [URL] [2002/07/19 14:41 ][環境:MAC+IE わからない]

以前も同じような質問をし、解決したように見えたのですが、
MACでみると思い通りのレイアウトにならず苦戦しています。
どんな感じかというと、
http://second.s11.xrea.com/
のトップページ及び全体で使われいてる背景が、スタイルシートで縦のみのスクロールに制御しているはずなのですが、縦横全部にスクロールしてしまいます。
ブラウザは、IE5.0-MacEdition-です。
みなさんのブラウザではちゃんと表示されているのでしょうか?
あと、"背景画像を縦のみにスクロールさせる"ちゃんとした表記の仕方も教えていただけますでしょうか。

よろしくお願いします。


1:[回答] mine [MAIL] [URL] [2002/07/19 16:15 ]

はじめまして、mineと申します。
CSSを拝見いたしましたが、repeat-yというのは「画像を縦に並べる」という指定なだけで、スクロールには関係ないです。
スクロールバーを動かしても背景を固定させたままにしておくなら、
background-attachment: fixed;
を指定すればOKです。
これで質問の答えになってるでしょうか?
ちなみに私の環境はWindows98SEのIE5.01です。


2:[回答] 匿名万歳 [2002/07/19 16:50 ]

横幅をテーブルで固定してるみたいですね。

普通に書けばブラウザが改行してくれるので横には動きませんが、
画像やテーブル、整形テキストなどがウィンドウに収まらないと
横スクロールバーが出るんです。

その辺を踏まえて、デザインを考えてみては?


3:[質問] 2m [URL] [2002/07/19 17:45 ]

すみません、スクロールとは背景を固定することではなく、
背景を通常なら縦横に繰り返しながら表示されるのを、CSSで縦のみに繰り返されるデザインにしたいのです。

とりあえず自分のPCでは、期待通りの縦のみにズラっと表示されるようにはなっているのですが、
他のPC(MAC+IE5.0)では縦横通常に表示されてしまうのです。
スタイルシートは一様読み込まれているらしいのですが、
その命令だけは処理されず困っています。

下記のURLのページが問題のページです。
尚、トップページだけが問題ではなくそのHP内全部がそうです。
http://second.s11.xrea.com/

ちなみに皆様のブラウザでは、
僕の期待通りの"縦のみにズラっと背景が表示される"ようになっているでしょうか?
それもできればお願いします。


4:[回答] はげ [2002/07/19 17:52 ]

当方MAC+IE5.1ですが縦横通常に表示されてます。
background="back.jpg"を外したらどうなりますか?


5:[回答] 2m [URL] [2002/07/19 18:20 ]

たった今、はげさんの言うとおりにしてみました。
WIN+5.01でもWIN+NNでも大丈夫なのですがMAC+IE5.0だと、画像すら表示されませんでした。

ついでにスタイルシートは外部から読み出しています。
<style type="text/css">
<!--
body {background-image:url(http://second.s11.xrea.com/back.jpg);background-repeat:repeat-y;}
A:link,A:visited    {color:#2222ff ; text-decoration:none;}
A:hover, A:active    {color:#22a2ff ; text-decoration:underline;}
-->
</style>
これがその外部ファイルの中身です。

やはりMAC版の仕様なんでしょうか?


6:[回答] 2m [URL] [2002/07/19 18:22 ]

尚、やはりbackground="back.jpg"は入れといたほうがいいのでしょうか?


7:[回答] はげ [2002/07/19 19:10 ]

あっこれだ。
<style type="text/css">
<!--
-->
</style>
外部ファイルの場合はこれが必要ないですね。
スタイルシートが効かないときに為にbackground="back.jpg"は入れておいた方がよいと思いますが^^;


8:[完了] 2m [URL] [2002/07/19 23:28 ]

ああ、ありがとうございます。
これで安心してHPの運営ができますよ。
はげさん、ありがとうございました!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World