ページのスクロールについて。



0   名前: 匿名希望 : 2005/06/04 21:35
ページの縦スクロールが出来ないという場合には、どのような事が考えられますでしょうか?

スクロールバーは、
scrollbar-face-color :#ffffff;
scrollbar-arrow-color :#cccccc;
scrollbar-highlight-color :#ffffff;
scrollbar-shadow-color :#cccccc;
scrollbar-3dlight-color :#ffffff;
scrollbar-darkshadow-color:#cccccc;
scrollbar-track-color :#cccccc;
で表示させています。
WindowsXP、2000で確認しましたが、(IE 6.xを使用しています。)どちらも正常でした。
また、解像度での違いも1280×1024〜800×600の範囲では確認しました。

#ccccccがPCによっては見えにくいものもあるのでしょうか?
また、何か他の原因でしょうか?
何かお心当たりのある方は、是非お力添えをよろしくお願い致します。

1   名前: naka@sukiero : 2005/06/04 21:35
> ページの縦スクロールが出来ないという場合には、どのような事が考えられますでしょうか?

内容がスクロールする必要が無い量。
スクロールしない設定にしている。
何か構文エラー。
PC の不具合。


> スクロールバーは、
> scrollbar-face-color :#ffffff;
> scrollbar-arrow-color :#cccccc;
> scrollbar-highlight-color :#ffffff;
> scrollbar-shadow-color :#cccccc;
> scrollbar-3dlight-color :#ffffff;
> scrollbar-darkshadow-color:#cccccc;
> scrollbar-track-color :#cccccc;
> で表示させています。
> WindowsXP、2000で確認しましたが、(IE 6.xを使用しています。)どちらも正常でした。
> また、解像度での違いも1280×1024〜800×600の範囲では確認しました。
>
> #ccccccがPCによっては見えにくいものもあるのでしょうか?
> また、何か他の原因でしょうか?
> 何かお心当たりのある方は、是非お力添えをよろしくお願い致します。


っで、表示されない環境があったって事なんでしょうか?
それなら、その環境を記載してください。
又、スクロールバーの色設定部分だけを記載されても、何も検証できません。
当該ページのURL をご提示頂けませんか?

2   名前: 匿名希望 : 2005/06/04 21:35
返信ありがとうございました。
実は、私のサイトの訪問者の方からのご報告なのです。
(詳しい環境はわかりません。すみません。)
私のPCでは、2台とも大丈夫でした。
また、他の方からはその様なご報告はいただいてません。
縦のスクロールバーが表示されないとの事。

問題ページのHTML↓

<html>
<head>
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW">
<TITLE> </TITLE>
<style type="text/css">
<!--
body{background-color:#ffffff;
scrollbar-face-color :#ffffff;
scrollbar-arrow-color :#cccccc;
scrollbar-highlight-color :#ffffff;
scrollbar-shadow-color :#cccccc;
scrollbar-3dlight-color :#ffffff;
scrollbar-darkshadow-color:#cccccc;
scrollbar-track-color :#cccccc;
}
body,p,td{
color:#000000;
font-size:11px;
font-family:verdana,osaka;
line-height:160%;
letter-spacing:1;
cursor:crosshair;
overflow-x:hidden
}
IMG{border-width:0;}
a{color:#000000; text-decoration:none;}
a:hover{color:#ffffff; text-decoration:none;}
A{cursor:w-resize; }
br {letter-spacing: 0;}
-->
</style>
</head>
<BODY>
<TABLE border="0" Width="75%" cellpadding="10" align="center">
<TR>
<TD>

本文。(それなりの行数は有ります。)

</TD>
</TR>
</TABLE>
<br><br><br><br>
</BODY>
</HTML>

ご迷惑をおかけしてすみません。
よろしくお願い致します。

3   名前: naka@sukiero : 2005/06/04 21:35
body,p,td{
color:#000000;
font-size:11px;
font-family:verdana,osaka;
line-height:160%;
letter-spacing:1;
cursor:crosshair;
overflow-x:hidden
}

overflow-x:hidden ← ; が抜けていますけど、
(縦)スクロールバーが表示されないように指定されていますよ。

4   名前: 匿名希望 : 2005/06/04 21:35
ご指摘ありがとうございます。
ですが、あの、右側に付いている、縦にスクロールをする際に使うモノです。
overflow-xで横にスクロールの時に使用するスクロールバー消去ですよね?

違っていたらすみません;

5   名前: 通りすがり : 2005/06/04 21:35
>overflow-x:hidden ← ; が抜けていますけど、
>(縦)スクロールバーが表示されないように指定されていますよ。
「;」はプロパティを区切るために必要なもので、最後にはなくてもいい、
「x」は横方向指定のはずですが…。
ただ、これが何らかの不具合を起こしていることもありえるので、
一度外した状態で、その訪問者さんに見てもらってみては?

6   名前: naka@sukiero : 2005/06/04 21:35
すいません。^^;
ご指摘ありがとうございます。

7   名前: 匿名希望 : 2005/06/04 21:35
皆様、ご回答本当に有難うございました。

原因はわからないのですが、どうやらその方のPCの不具合の様です。
わざわざお時間を割いていただき、ありがとうございました。
参考にさせていただきたいと思います。

それでは、ご迷惑をお掛け致しました。
また、何か有りましたら、相談させていただきたいと思います。
お心砕き有難うございました。

一覧へ戻る