HPのスクロールについて

質問

パソコン初心者です。macのsafariでHP（ジオシティーズ）を作ってます。
背景の画面は入れ込めたのですが、上下に黒い帯（映画のスクリーンみたいな）を入れると、スクロールが出てきて一番下に合わせると
後ろの背景が一部見えてしまいます。
<P>段落</P>を消して、スクリーンを上の方に持ってくると、右のスクロールは消えるのですが、やはり一番下は背景がみえてしまいます。帯の幅を広めても、スクロールが長くなるだけです。

safariに問題があるのでは？とのアドバイスももらったのですが
他に原因や方法などあったら教えてください。

こちらが今作成中のHPです。
http://www.geocities.jp/bjork918/index.html
宜しくお願い致します。

回答No.3

taika910

No.1です。
恐らく、スクロールをして下にいくと、一番下で隠したいはずの背景が少し見えてしまうのをどうにかしたいということだと思うのですが、先ほどの回答は解決になっていなかったようです。

というのも、私のPC上にタグをコピーしたものを実行させると、何も直さない状態でもきちんと表示されているからです。
345itatiさんが指摘されているように、ところどころのミスはあるようですが、明確にここ！というものは発見することができませんでした。
口を出しておきながら、お役に立てずに申し訳ありません。

お礼

きちんと表示されていたとの事なので、ブラウザを変えて、一から設定し直してみた所、ちゃんと表示する事が出来ました。どうも有り難うございました。

回答No.2

345itati

えーと、最終的にどんな画面にしたいのでしょうか^^;?

背景を固定して繰り返させないように表示したいのであれば、

body {
background-image: url(photo/win.jpg);
background-color: #000000;
background-attachment:fixed;
background-repeat: no-repeat;
}

のように繰り返させない表示をして、背景色を黒に設定する事でうまくいくような気はしますが。

それからCSSの記述を締める
-->
が妙な位置にある事と、
bodyに指定するスタイルが二つあるためにちょっと表示がおかしいですね。
(Mac Safari2.0、Firefoxともに段落表示が左に切れている
//以下ソースより引用//
<!--
BODY{background-image:url(photo/win.jpg);
background-attachment:fixed
}
--> ←位置がおかしいです。
body{
color: black;
background-color: white;
margin: 0px;
padding:
}←上でbodyを指定されているのにこれは？
//引用終わり//

あと、こちらの規約でご自分のサイトのURLを明記するのは違反事項になってます。
(削除発動の可能性有り

お礼

詳しい説明有り難うございました。URL明記の件教えて頂きありがとうございました。気を付けます！

回答No.1

taika910

タグを拝見させていただきました。
スタイルシートの「ul#menu li」部分にある「padding」の値が「em」になっていたので、「px」に直してみたところ、下の部分が見える事はなくなりました。

この方法でいかがでしょうか？