こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

【ホームページ背景の設定の仕方を教えて下さい!!】

初めまして。お世話になります。
CSS初心者なんですが、
http://nikukyu-punch.com/temp_biz.html
上記のサイトの「議員向けホームページテンプレート [giin1_pink]」を
使用したいと思ってるのですが、ページの高さが高くなった時に、
途中で背景が切れてしまいます。
高さが高くなってもフッターまで背景画像が反映される為には
どのような設定を行えば宜しいでしょうか?
私の持っている技術では難しかったので
皆さんのお力をお借りしたいです。
宜しくお願いいたします。

画像自体の高さを変えましたが、ファイヤーワークスの最大の高さが6000pxで
それ以上のページの高さがあります。

投稿日時 - 2012-11-12 15:59:05

QNo.7794126

すぐに回答ほしいです

質問者が選んだベストアンサー

背景画像は、bodyにたった一つの画像を設置して、h1,mnue,画像、本文もすべてその上に乗っています。
 それぞれの画像を切り裂いて、menueはmenueの背景に、本文は本文の背景にそれぞれ指定すれば良いでしょう。
たとえば、background-image: url("images/bgtop.gif");は消してしまって、<div id="header">にheader用の背景を指定するということです。

★ただ、高さが6000pxとは、あまりにも大きすぎます。できればスクロールせずに読めるように分割すべきです。また、スマホなどの小さなディスプレイでは横スクロールも必要になりりますから、現在のネット状況からはリキッドデザインに変更したほうがよいように思います。

 テンプレート配布サイトですから、本来は配布元に相談すべきですよ。もしくは、テンプレートに収まるように分割して、クリックだけでサイト全体が見渡せるようにする。

投稿日時 - 2012-11-12 19:04:29

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

画像は
http://nikukyu-punch.com/template/giin1_pink/images/bgtop.gif
を使用していますね。
 これはご覧になるとわかるようにrepeat-xでしか使用できません。
 ピンクの部分と、斜線とを切り離して、斜線部分はrepeat、ピンクの部分のみrepeat-xに指定しましょう。

投稿日時 - 2012-11-12 16:48:22

補足

早速のご回答有難う御座います。
嬉しいです!感謝!!

repeat-xでしか使えないものなのですね・・・知りませんでした。
(超初心者ですいません><)

切り離して使うところまでは考え付いたんですが、
斜線部分repeatをどう書き加えればいいかわからないんですT-T
色々試してみましたが、斜線部分repeatが反映されないんです。
それで、質問に至った次第です・・・

もしお時間があれば、またご回答頂けると嬉しいです。
宜しくお願いします。

投稿日時 - 2012-11-12 17:05:37

お礼

有難う御座いました。
早速試してみてダメであれば配布元に質問してみます。
お世話になりました。

投稿日時 - 2012-11-13 11:10:00

あなたにオススメの質問