- ベストアンサー
背景画像を固定したのに…ビルダーです。
こんにちは。 いま、ホームページビルダー7でホームページをつくっています。 よく、写真などの画像を右上に固定してるサイトってありますよね?スクロールしても動かないという。それをしたくてタグを調べ、ためしにやってみたのですが、画像が繰り返してしまうのです。 私は、1枚の空の写真だけを右上に貼りたいのですが…。 タグは以下のとおりです。 ↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 HTML4.01 Frameset //EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY{ background-image : url(ファイル名.jpg); background-attachment : fixed; background-position : right top; background-repeat : no-repeat; } --> </STYLE> </HEAD> <BODY></BODY> </HTML> 一番不思議なのが、ビルダーで「繰り返さない」にチェックしているのになってしまっているということです。ただ画像が繰り返されてるのではなく、途切れ途切れに。 PC自身の問題なのでしょうか。 それと欲張ってもうひとつ。 スクロールバーの色をかえるタグをいれてみたのですが、ビルダー7では反映されないのでしょうか。まったくかわりません。 言葉で説明するのがどうも難くて…分かりづらくて申し訳ありません。お返事まっています。
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
でしたら、ビルダーで制作した後、メモ帳(マックならワードパッドかな)などで開いて書き直せばいいと思います。 もしくは、ビルダー内に、記述ミスを自動修正という機能があるので、それをオフにしてみるとか。 なんにせよ、DOCTYPE宣言を下手にしてしまうと、それによって無効になってしまうタグもあるので注意しましょう。 ビルダーで制作すると言っても、ある程度HTMLの知識はあったほうがいいですよ。
その他の回答 (4)
- tsubura
- ベストアンサー率28% (52/182)
ああ・・<!DOCTYPE>がFramesetだったんですね。 えと、私はビルダーを使ったことがないので、プレビューがどういう表示をしてくれるのかはわかりませんが、とりあえず、フレームの簡単な説明を。 フレームが最低3枚のファイルでできているのはご存知ですか? ひとつはフレームを表示させる為「だけ」のファイル。これの<!DOCTYPE>はFramesetになります。 そのほかのファイルは表示させたいファイルです。これは<!DOCTYPE>はStrictかTransitionalになります。まあ、<!DOCTYPE>はおいて置いて(笑) でJoh_Takaさんもおっしゃっているのは、この3枚のファイルがメチャクチャになっている可能性があるということだと思います。 また、フレームは3枚以上のファイルでできていますので、フレームを表示されるだけのファイルにスタイルシートを指定しても、表示されるファイルに反映されなです。 とりあえず、フレームはおいて置いて、ひとつひとつ処理してみたらどうでしょう? フレームではなく、まず、ファイルを作りきって正常に表示されるようになったら、フレームとして構成してみるとか。
お礼
3枚以上のファイルから成り立っているのですか!しりませんでした。ひとつひとつ処理しようと思ったのですが、ビルダーの機能に勝手に宣言を決めてくれるものがあるみたいなんです。そのお陰で、なんど新しくページをつくっても、違う宣言に書き直しても、保存すると「frameset」になってしまうんです…(泣)ぅーん…
- Joh_Taka
- ベストアンサー率76% (222/292)
ご質問欄で記述されているソースはフレームセットのものですか? それとも、普通の一枚のHTMLページのものですか? <!DOCTYPE> が Frameset になっていますが・・? もし、フレームセットでは無いのでしたら、1行目にある <!DOCTYPE> 宣言のタグを <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> に替えてみてください。 また、もしもフレームセットのHTMLにCSSを適用させようと記述しても、表示される各フレームにはスタイルは反映されませんよ。 CSSは、それぞれのフレームに表示される各ページのHTMLに記述されていなければいけません。 フレームセットは、あくまでもフレーム構成を定義するものであって、それに記述されたCSSはフレーム表示に未対応のブラウザで閲覧する閲覧者に対するメッセージ表示テキストにしか反映されません。 ・・・ご理解いただけますか? ちょっと難しい書き方となってしまいましたでしょうか・・・?
お礼
こんにちは。今私の中にある知識をフル稼働してみました…(笑)。ええっと、フレームのなかのページです。ページにもタグを打ち込んでみたのですが改善されません。 ただ、プレビューするたびに、画像がうまくいったりうまくいかなかったりするので、パソコンか、ビルダーの問題なのか…。それにしても一般人のかたでもこういう知識があるのってすごいですね。タグ勉強しようかな…ありがとうございました。
- tsubura
- ベストアンサー率28% (52/182)
私もIE6なのでブラウザには問題はなさそうですね。 ちなみに、ビルダー7では、スクロールバーは反映されないようです。 後、途切れ途切れにと言う表現がいまいちわかりません。画像がうまくいっていないのかもしれません。画像ファイルは正常ですか? また、コレ以降にbodyに関係する記述や、外部ファイルで参照したりはしていませんか?
補足
URLほんとうに役立ちました!ありがとうございます! 途切れ途切れ…すいません、私自身どう表現すればいいのかわからなくって…。 まず、右上に1枚の画像が固定されていて、その画像の下に半分に切れた同じ画像が何度も繰り返されているんです。お分かりいただいたでしょうか…画像ファイルは正常だと思います。他の画像で試してもそうなったので。 もう一度ファイルに保存しなおして挑戦してみますね。
- tsubura
- ベストアンサー率28% (52/182)
PCというよりブラウザの問題かもしれませんね。丸コピしてテストしてみましたが、問題なく、右上に画像が表示されましたよ。 お使いの、ブラウザは何でしょう?
補足
わざわざコピーまでして頂いてありがとうございます!ブラウザは、IE6です。ブラウザの問題なんでしょうか…
お礼
で き ま し た …!! 自動修正オフにしてみたんです。うわあできました!本当にありがとうございます!質問に何度もわざわざ教えていただいて…!助かりました。これを気に、HTMLについて勉強しようと思います。本気で。ありがとうございました!!